angular.js - angular中ng-init中定義值在控制器裡面取得不到值
为情所困
为情所困 2017-05-15 17:05:49
0
3
599
  1. 我的問題:
    如題: angular中ng-init中定義值在控制器裡面取得不到值

  2. 相關代碼:

<p class="container" ng-app="app" ng-controller="ctrl" ng-init="demo='风一样的男子'">
    <h1>ng-init</h1>
    <input ng-model="demo" type="text">
    demo = {{demo}}

    <button type="button" ng-click="demoClick()">button</button>
</p>
(function(angular) {
    'use strict';
    var app = angular.module('app', []).controller('ctrl', ctrl);

    function ctrl ($scope, $http) {
        console.log('直接获取: ' + $scope.demo); // undefined

        $http.post('/demo', {
            direction: $scope.demo // undefined
        });

        $scope.demoClick = function () {
            console.log('click: ' + $scope.demo); // 风一样的男子

            $http.post('/demo', {
            direction: $scope.demo // 风一样的男子
        });
        };
    }
}(angular));

WHY?

为情所困
为情所困

全部回覆(3)
世界只因有你

這個涉及到每個指令的編譯連結過程。需要說明的是,在同一個節點上,如果有ngController指令,它比任何其他指令都要先執行編譯過程(它的 priority為500,而ngInit的 priority為450)。因而,在執行ngController的連結函數時,也就是我們常看到的controller函數,ngInit還未完成編譯過程,也就自然取不到demo的值。

http://stackoverflow.com/ques...

过去多啦不再A梦

console的時候還沒init,你試試watch裡console

Ty80

如果想要在你上邊的位置訪問到demo。我覺得應該用。 $rootscope.demo或$parentscope.demo

出現上面的問題應該是scope的作用域的問題。

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板