Как получить доступ к переменной $ scope в коде сценария, который я инициировал с помощью ng-init - PullRequest
0 голосов
/ 02 марта 2019

Я пытаюсь сделать это как показано ниже, но результат "undefined"

Пожалуйста, помогите мне

Вот код:

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<body>

<div ng-app="myApp" ng-controller="myCtrl" ng-init="carname='Volvo'">

<h1>{{carname}}</h1>

</div>

<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
   //I want to get value of $scope.carname here
     alert($scope.carname); 
});
</script>

Ответы [ 2 ]

0 голосов
/ 02 марта 2019

Возможно, вы захотите ng-init функцию и получить значение там.

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
  
  $scope.setCarName = function() {
    //I want to get value of $scope.carname here
    $scope.carname = 'Volvo';
    alert($scope.carname);
  }
  
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>

<body>

  <div ng-app="myApp" ng-controller="myCtrl" ng-init="setCarName()">

    <h1>{{carname}}</h1>

  </div>
0 голосов
/ 02 марта 2019

Это поведение по умолчанию, поскольку сначала создается контроллер, а затем устанавливается carname='Volvo'.

В качестве обходного пути, вместо этого следует использовать функцию, указанную ниже,

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
     $scope.init = function(carName) {
        $scope.carname = carName;
        alert($scope.carname);
    }
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<body>

<div ng-app="myApp" ng-controller="myCtrl" ng-init="init('Volvo')">

<h1>{{carname}}</h1>

</div>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...