Angularjs Controller и выражение поведения - PullRequest
Новая
       0

Angularjs Controller и выражение поведения

0 голосов
/ 16 мая 2019

Я очень новичок в angularjs и прохожу учебники.Я задержан в точке.В приведенном ниже коде почему значение {{result}} не отображается.Какой поток кода в angularjs: 

<html>    
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<body>
   <div ng-app="myApp" ng-controller="myCtrl">{{ result }}</div>
   <script>
      var app = angular.module("myApp", []);
      app.controller("myCtrl", function($scope) {
         $scope.firstNum = 6;
         $scope.lastNum = 7;
         $scope.result="firstNum*lastNum";
      });
   </script>
</body>
</html>

Вот код http://plnkr.co/edit/oH0gnKExBo9UHmXPuOPS?p=preview

Ответы [ 2 ]

0 голосов
/ 16 мая 2019

Это действительно просто, вам просто нужно удалить кавычки "" и использовать $scope, поскольку вы объявили переменные области видимости.

Поскольку в angularjs все связано с областями действия , как только выИмея $scope объект, вы можете получить доступ ко всем свойствам объекта (т. е. объявленным через контекст), который может быть доступен только через $scope

Вы выполняете математическую операцию, поэтому нет смысла использовать кавычки с инициализацией$scope.result. 

app.controller("myCtrl", function($scope) {
    $scope.firstNum = 6;
    $scope.lastNum = 7;
    $scope.result= $scope.firstNum * $scope.lastNum; // this change
});

Обновлен Plunkr

0 голосов
/ 16 мая 2019

$ scope используется для привязки значения.Вы добавили код умножения в двойные кавычки, поэтому он не работает.Прежде всего изучите угловой, используя угловые учебные пособия, что такое директивы, области применения, выражения и т. Д. 

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

<div ng-app="myApp" ng-controller="myCtrl">
{{ result }}
</div>

<script>
var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope) {
$scope.firstNum = 6;
$scope.lastNum = 7;
$scope.result=$scope.firstNum * $scope.lastNum;
 });
</script>

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

Нет похожих вопросов

...