angularjs - $scope.myVariable 未在 angular-ui 引导模式的 Controller 中更新

Question

在我看来，我有一个输入、一个跨度和一个按钮，如下所示:

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

在文本框中输入时， span 的内容按预期阅读更新。但是当点击按钮时， phoneNumber Controller 内部没有更新:

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

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

您是否可以在 Angular 中犯一些新错误，导致 $scope 上的内容无法更新？在 Controller 内部？

angular-ui modal 是否存在 $scope 问题？我需要注意吗？

编辑:

好像是 phoneNumber在 2 个范围内创建。一次在蓝色箭头的范围内，其中 phoneNumber: ''并在红色箭头处的子范围内。该 View 使用 phoneNumber在子作用域中， Controller 使用 phoneNumber在父范围内...



为什么要创建两个范围？

Answer 1

ng-include创建一个新的范围。所以传递一个对象而不是字符串
$scope.phone={number:null}
然后模板看起来像

<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了解原型(prototype)继承的问题。