Как установить свойство области с помощью ng-init?

Я пытаюсь установить значение свойства $scope с помощью ng-init, и я не могу получить доступ к этому значению в 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 не определен. Не должно быть "значение"?

Источник

6 ответов

Решение

Вы пытаетесь прочитать заданное значение до того, как 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);
    });
}
Источник

Просто установите ng-init как функцию. Вы не должны использовать часы.

<body ng-controller="MainCtrl" ng-init="init()">
  <div ng-init="init('Blah')">{{ testInput }}</div>
</body>

app.controller('MainCtrl', ['$scope', function ($scope) {
  $scope.testInput = null;
  $scope.init = function(value) {
    $scope.testInput= value;
  }
}]);

Вот пример.

Plunker

Источник

HTML:

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

JS:

angular.module('App', []);

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

скрипка

Источник

Попробуйте этот код

var app = angular.module('myapp', []);
  app.controller('testController', function ($scope, $http) {
       $scope.init = function(){           
       alert($scope.testInput);
   };});


<body ng-app="myapp">
      <div ng-controller='testController' data-ng-init="testInput='value'; init();" class="col-sm-9 col-lg-9" >
      </div>
</body>

Источник

Как CodeHater сказал, что вы обращаетесь к переменной, прежде чем она установлена.

Чтобы это исправить, переместите директиву ng-init в первый div.

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

Это должно работать!

Источник

У меня были некоторые проблемы с $scope.$watch но после многих испытаний я обнаружил, что мой data-ng-model="User.UserName" был плохо назван, и после того, как я изменил его data-ng-model="UserName" все работало нормально. Я ожидаю, что это будет . в названии, вызывающем проблему.

Источник
Другие вопросы по тегам