angularjs – $scope.myVariable没有在控制器中更新angular-ui引

发布时间：2020-12-17 07:45:53 所属栏目：安全来源：网络整理

导读：在我看来,我有一个输入,一个跨度和一个这样的按钮： script type="text/ng-template" id="myTemplate.html" input type="text" ng-model="phoneNumber" span{{ phoneNumber}}/span input type="button" ng-click="click()"/script 当在文本框中键入时,跨度的

在我看来,我有一个输入,一个跨度和一个这样的按钮：

<script type="text/ng-template" id="myTemplate.html">
  <input type="text" ng-model="phoneNumber">
  <span>{{ phoneNumber}}</span>
  <input type="button" ng-click="click()">
</script>

当在文本框中键入时,跨度的内容将按预期阅读更新.但是当单击按钮时,phoneNumber在控制器内部没有更新：

app.controller('myPopopCtrl',['$scope','$modalInstance',function ($scope,$modalInstance) {
      $scope.phoneNumber= '';    

      $scope.click = function() {
        alert($scope.phoneNumber); // alerts only ''
      };

有没有一些新的错误,你可以做的角度,这使得东西不会更新在控制器内的$范围内？

angular-ui modal需要注意吗？

编辑：

看起来phoneNumber在2个范围内创建.有一次在蓝色箭头的范围内,哪个phoneNumber：“和一次在孩子的范围在红色的箭头.该视图在子范围中使用phoneNumber,控制器在父作用域中使用phoneNumber …

为什么会创建两个范围？

ng-include创建一个新的范围.所以传递一个对象而不是字符串

$scope.phone = {号：空}

然后模板看起来像

<script type="text/ng-template" id="myTemplate.html">
  <input type="text" ng-model="phone.number">
  <span>{{ phone.number}}</span>
  <input type="button" ng-click="click()">
</script>

看看这个wiki来了解原型继承的问题.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!