javascript - AngularJS 动态改变字段值

Question

为了示例的目的，这里是一段非常基本的代码。 CodePen 示例 http://codepen.io/anon/pen/yOYgEa

{{name}}

链接到

<input ng-model="name" type="text" placeholder="" id="name" />

因此，当在输入字段中键入一些文本时，它会反射(reflect)在页面上。但是，如果 #name 的值是动态设置的，在这种情况下是通过按下按钮，则 {{name}} 不会更新。

我知道有一种“Angular ”方式可以做到这一点，但这只是一个例子，因为实际上动态变化将来自 jQuery 回调。

我尝试添加一个 $scope.watch 但这似乎也不起作用。

Answer 1

试试这个:

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

app.controller('MyController', function MyController($scope) {

  $("#mybutton").on("click", function(){
    //$("#name").val("Demo");
    $scope.name = "Demo"
    $scope.$apply() // we use $scope.$apply() which will call $scope.$digest()
  });

 $scope.name = "Enter a value";

 $scope.$watch('name',function(newValue, oldValue){
        $scope.name(newValue);
    }); 

});

$(document).ready(function(){



});

从 $(document).ready 中删除代码 bcoz $scope is not accessible there .

编辑:您也可以使用 ng-click

在 HTML 中

<input type="button" id="mybutton" value="Demo" ng-click="someFunction()">

在 Controller 中:

    $scope.someFunction = function(){
          $scope.name = "Demo" 
   }