從AngularJS $範圍ng-model返回對象

Question

我使用angularjs框架，我創建了一個form.html和一個controller.js與一個變量，檢索一個盒子的SSID。如何自動分配表單中變量的值。這是一個輸入字段。啓動應用程序時，表單應該自動顯示SSID，而用戶不需要這樣做。

$scope.SSID {}; return [object Oject] in input form ng-model="SSID" 

謝謝你，請幫助我。

Controller.js

/*Controller*/ 
 

 
'use strict'; 
 

 
angular.module('djoro.controllers') 
 
.controller('WifiSmartConfigCtrl', function($scope, $window, $ionicPlatform) {a 
 
    $scope.SSID = {}; 
 

 
    $scope.getSSID = function() { 
 
     var onSuccess = function(SSID) { 
 
      $scope.SSID = SSID; 
 
      return SSID; 
 
     }; 
 
     
 
     var onFail = function() {}; 
 

 
     $ionicPlatform.ready(function() { 
 
      $window.cordova.plugins.Smartconfig.getSSID(onSuccess, onFail, $scope.SSID); 
 
     }); 
 
    }; 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.20/angular.min.js"></script> 
 
<ion-pane> 
 
    <ion-header-bar class="bar-stable"> 
 
     <h1 class="title">Ionic Blank Starter</h1> 
 
    </ion-header-bar> 
 
    <ion-content ng-controller="WifiSmartConfigCtrl"> 
 

 
     <form novalidate class="simple-form"> 
 
      <fieldset> 
 
       <legend>WI-FI</legend> 
 
       <div class="list input-fields"> 
 
        <label class="item item-input"> 
 
         <span class="input-label">SSID :</span> 
 
         <input type="text" name="test" ng-model="SSID" id="SSID" placeholder="SSID" required show-hide-input> 
 
        </label> 
 
        <label class="item item-input" show-hide-container> 
 
         <span class="input-label">Password :</span> 
 
         <input type="passwprd" name="test" placeholder="Password" required show-hide-input> 
 
        </label> 
 
       </div> 
 
      </fieldset> 
 
     </form> 
 
    </ion-content> 
 
</ion-pane>

Answer 1

您已經定義了一個函數的範圍用於獲取SSID，但你永遠不打電話是從UI。如果你想讓UI自動擁有它，你需要在控制器初始化中調用它。

您的控制器代碼將是這樣的：

.controller('WifiSmartConfigCtrl', function($scope, $window, $ionicPlatform) {a 
    $scope.SSID = {}; 

    var onSuccess = function(SSID) { 
     $scope.SSID = SSID; 
     return SSID; 
    }; 

    $ionicPlatform.ready(function() { 
     $window.cordova.plugins.Smartconfig 
      .getSSID(onSuccess, angular.noop, $scope.SSID); 
    }); 
}); 

Answer 2

I use a plugin cordova "smartConfig" 

/*plugin.js*/ 

     function Plugin(){} 

    Plugin.alert = function(content){ 
      var onSuccess = function(){}; 
      var onFail = function(){}; 
      cordova.exec(onSuccess, onFail, 'SmartconfigPlugin', 'alert', [content]); 
    }; 


    Plugin.getSSID = function(onSuccess, onFail){ 
      cordova.exec(onSuccess, onFail, 'SmartconfigPlugin', 'getSSID', []); 
    }; 

    module.exports = Plugin; 

SmartConfig.java

package fr.enersy.cordova.smartconfig; 

import org.json.JSONArray; 
import org.json.JSONException; 
import org.apache.cordova.CordovaPlugin; 
import org.apache.cordova.CallbackContext; 
import android.R; 
import android.content.Context; 
import android.content.DialogInterface; 
import android.app.AlertDialog; 
import android.util.Log; 
import com.integrity_project.smartconfiglib.SmartConfig; 
import com.integrity_project.smartconfiglib.SmartConfigListener; 
import com.pandaos.smartconfig.utils.NetworkUtil; 
//import fr.enersy.cordova.smartconfig.mySmartconfigListener; // TODO remove from config.xml 

public class SmartconfigPlugin extends CordovaPlugin { 

    // Variables declaration 
    SmartConfigListener smartConfigListener; 
    SmartConfig smartConfig; 
    byte[] freeData; 

    public boolean execute(String action, JSONArray args, CallbackContext callbackContext) throws JSONException { 

    if("alert".equals(action)){ 
     final String content = args.getString(0); 
     showAlert(content); 
     callbackContext.success(); 
     return true; 
    } 

    else if("getSSID".equals(action)){ 
     String SSID = getSSID(); 
     callbackContext.success(SSID); 
     return true; 
     } 

    } 

    private String getSSID() { 
     Log.i("--->> SmartconfigPlugin", "Enter getSSID"); 
     String SSID = (NetworkUtil.getWifiName(this.cordova.getActivity())).trim(); // TODO replace by something like: smartconfig_network_name_field.getText().toString().trim(); 
     Log.i("---------->> SmartconfigPlugin", "SSID: " + SSID); 

     Log.i("---------->> SmartconfigPlugin", "Exit getSSID"); 
     return SSID; 
    } 

}