javascript – AngularJS：使用$scope.$watch with controller作为语法

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – AngularJS：使用$scope.$watch with controller作为语法，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1289字，纯文字阅读大概需要2分钟。

内容图文

我有一个plnkr here,我正在测试$scope.$监视单选按钮,控制器作为语法.此外,单选按钮嵌入在父视图容器中.

在“关于我们”页面中,我有以下html代码,用于显示两个单选按钮以及当前选择消息：

<div class="row-fluid">
  <div class="well">
    <p><strong>Make a selection:</strong></p>
    <label>Yes</label>
    <input type="radio" name="selection" ng-model="aboutView.radioSelection" value="Yes">

    <label>No</label>
    <input type="radio" name="selection" ng-model="aboutView.radioSelection" value="No">

  <p>{{aboutView.message}}</p>
  </div>

我在aboutController.js中有以下代码：

(function() {
  'use strict';

  angular.module('layoutApp')
  .controller('aboutController', aboutController);

  aboutController.$inject = ['$scope'];

  function aboutController($scope) {

    var vm = this;
    vm.radioSelection = "No";  //default selection
    vm.message = "Your selection is " + vm.radioSelection;

    /**
    * **This does not have any response, not working**
    $scope.$watch(vm.radioSelection, function(newVal, oldVal) {
      vm.message = newVal;
    }, true);
    */

  }
}())

最后,我在ui.router配置中的以下代码块与about us页面相关：

.state('home.about', {
      url: '/about',
      templateUrl: 'about.html',
      controller: 'aboutController as aboutView'
    })

解决方法:

以下作品：

  $scope.$watch(function() { return vm.radioSelection}, function(newVal,     oldVal) {
  vm.message = "Your selection is " + newVal;
}, true);

Plunkr

内容总结

以上是互联网集市为您收集整理的javascript – AngularJS：使用$scope.$watch with controller作为语法全部内容，希望文章能够帮你解决javascript – AngularJS：使用$scope.$watch with controller作为语法所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端