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

前端之家收集整理的这篇文章主要介绍了angularjs – 如何使用ng-init设置scope属性?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图使用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);
    });
}
原文链接:https://www.f2er.com/angularjs/145951.html

猜你在找的Angularjs相关文章