javascript - 从 Controller 读取 ng-init 数据

标签 javascript angularjs

我是 angularJS 的新手,我想从 Controller 访问 ng-init 数据,但总是返回未定义,这里是我的代码

HTML

<div class="row" ng-controller="IFuseController" ng-init="myText='Hello World!'">
....
</div>

Angular Controller

uniqcApp.controller('IFuseController', function (IFuseService, $scope) {
   console.log("Cingda " + $scope.myText); //return undefined 
});

有什么想法吗?

最佳答案

发生这种情况是因为您的 Controller 在加载时被调用,而此时您没有为变量 myText 设置值。

文本加载后,您需要触发一个事件。

演示

var uniqcApp = angular.module('uniqueApp',[]);
uniqcApp.controller('IFuseController', function ($scope){
   $scope.read = function(){
     console.log("Cingda " + $scope.myText); 
   };
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<body ng-app="uniqueApp">
<div class="row" ng-controller="IFuseController" ng-init="myText='Hello World!'">
  <button ng-click="read()">Read initial value</button> 
</div>
</body>

关于javascript - 从 Controller 读取 ng-init 数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48655769/

相关文章:

javascript - 获取div中的文本大小,FF中的问题

javascript - 使用 Javascript 在 IE6 中打开 "maximized"窗口?

javascript - 当子div包含特定文本时如何隐藏父div?

angularjs - 使用 $resource 下载文件和显示加载屏幕的 Angular js 方式

javascript - 通过 AngularJS 加载时,动画 GIF 无法在 Firefox 中播放

javascript - $http 获取参数不起作用

angularjs - 使用 typeahead 和 Angularjs 像 Outlook 一样自动完成

javascript - Angular 单元测试服务元素持久性

javascript - 如何为Jquery创建的元素添加Angular的ng-click?

javascript - 无法在 Chrome 中访问开启文件