Question

我是AngularJS的新手，如何从我的视图更新我的ng-model的值？现在我有表格，我正在更新app_key输入，但当我调用我的模块并检查$ scope.variable时，该值没有改变。

这是我的代码

  <div>
    <br>
    <div class="field_row">
        <label for="app_key">AppKey:</label>
        <input id="app_key" type="text" ng-model="appKey"> --> this is the input that I´m changing the value
    </div>
</div>

<div class="modal-footer">
   <button type="button" class="btn btn-info" ng-click="selectUser()">
    Select
   </button>
</div>

在我的模块中，我有方法selectUser

  $scope.selectUser = function () {
        $scope.setAppKey($scope.appKey); --> Here the appKey it´s not modified
};

解决方案

我不知道为什么，但要使其工作，我需要将ng-model传递给控制器函数

  <input id="app_key" type="text" ng-model="appKey" ng-change="changeAppKey(appKey)">

Answer 1

我使用您的代码制作了此working JSFiddle。它似乎工作得很好。您确定setAppKey功能是否正确？

<强> JS

var myApp = angular.module('myApp',[]);

function MyCtrl($scope) {
    $scope.selectUser = function () {
        console.log($scope.appKey);
    };
}

<强> HTML

<div ng-controller="MyCtrl">
    <div>
        <div class="field_row">
            <label for="app_key">AppKey:</label>
            <input id="app_key" type="text" ng-model="appKey">
        </div>
    </div>
    {{appKey}}
    <div class="modal-footer">
        <button type="button" class="btn btn-info" ng-click="selectUser()">
        Select
        </button>
    </div>
</div>

从视图中修改ng-model

1 个答案: