在单选按钮选择上做一些更改AngularJS

slacker 发表于 Dev

懒散的

我需要根据特定单选按钮组的选择刷新一些数据。

工作中的矮人http://plnkr.co/edit/kZhsiU4pVpHhoscVkvMQ?p=preview

但是我无法进行ng-change或ng-click来执行我的方法，该方法会更新名称并使Hello World显示Hello“选择”。

$scope.updateValue = function(){
    $scope.name = $scope.data.myNumber;
  };

但是我可以看到两种方式的数据绑定有效-因此该模型正在更新。

<span>You selected {{ data.myNumber }}</span>

附带说明一下：我尝试的另一件事是观察模型值并执行我想做的事情，但这也不起作用-除了在页面加载时，不会再次触发watchcollection。

插入器只是单选按钮选择问题的一种表示形式-我想要在数据刷新中实现的功能更加复杂。

任何帮助将非常感激。

里特什

无需修改$ scope变量的名称，而是修改对象属性，因为它保留了引用更改。

将您的html代码部分更改为此...

 <div ng-controller="MainCtrl">
      <p>Hello {{data.name}}!</p>
      <button ng-click="OpenModal('sm')">Enter Number</button>
      <br><br>
      <span>You selected {{ data.myNumber }}</span>

  </div>

而您的JavaScript控制器...

app.controller('MainCtrl', function($scope, $modal) {
  $scope.name = 'World';
  $scope.data = {};

  $scope.OpenModal = function(size){
   var modalInstance = $modal.open({
            templateUrl: 'Modal.html',
            controller: 'ModalInstanceCtrl',
            windowClass: 'small-size-modal',
            size: size,
            scope: $scope
        });
  };
});

app.controller('ModalInstanceCtrl', function($scope, $modalInstance){
  $scope.ok = function(){
    $scope.data.name = $scope.data.myNumber;
    $modalInstance.close();

  };

  $scope.updateValue = function(){
    $scope.data.name = $scope.data.myNumber;
    $modalInstance.dismiss('submit');
  };

  $scope.cancel = function () {
    $modalInstance.dismiss('cancel');
  };
});