angularjs – 如何使用ng-init设置scope属性？

发布时间：2020-12-17 08:43:20 所属栏目：安全来源：网络整理

导读：我试图使用ng-init设置$ scope属性的值，我无法访问控制器的javascript中的值。我究竟做错了什么？这是一个小提琴： http://jsfiddle.net/uce3H/ 标记： body ng-app div ng-controller="testController" input type="hidden" id="testInput" ng-model="test

我试图使用ng-init设置$ scope属性的值，我无法访问控制器的javascript中的值。我究竟做错了什么？这是一个小提琴： http://jsfiddle.net/uce3H/

标记：

<body ng-app>
    <div ng-controller="testController" >
        <input type="hidden" id="testInput" ng-model="testInput" ng-init="testInput='value'" />
    </div>
    {{ testInput }}
</body>

javascript：

var testController = function ($scope) {
     console.log($scope.testInput);
}

在javascrippt中，$ scope.testInput未定义。不应该是’价值’？

您正在尝试在Angular完成分配之前读取设置值。

演示：

var testController = function ($scope,$timeout) {
    console.log('test');
    $timeout(function(){
        console.log($scope.testInput);
    },1000);
}

理想情况下，你应该使用$ watch建议由@Beterraba摆脱计时器：

var testController = function ($scope) {
    console.log('test');
    $scope.$watch("testInput",function(){
        console.log($scope.testInput);
    });
}

（编辑：李大同）

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