Question

我是Angular的新手。在我的JS文件中，我做了以下操作：

App.controller('ProductController', ['$scope', 'ProductService', function ($scope,ProductService) {
    console.clear();
    console.log('startX');
    $scope.price = '$55.6';
}]);

在视图中我这样做：

<div class="bloc-bleu">
   <div class="f" ng-controller="ProductController">
     <p><span>{{ price }}</span><!--  au lieu de <span class="old price">1250€</span> --></p>

但我无法在视野中获得price的价值。

更新：我可以在控制台中看到此错误：

Answer 1

您只是忘记实例化模块并在html文件中添加ng-app。

这是snippet工作：

＆＃13;

var app = angular.module('app', []);

app.controller('ProductController', function ($scope) {
    console.clear();
    console.log('startX');
    $scope.price = '$55.6';
});

＆＃13;

<!DOCTYPE html>
<html ng-app="app">

<head>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.7/angular.min.js"></script>
</head>

<body>
   <div class="bloc-bleu">
     <div class="f" ng-controller="ProductController">
       <p><span>{{ price }}</span><!--  au lieu de <span class="old price">1250€</span> --></p>
     </div>
   </div>
</body>
</html>

＆＃13;

AngularJS：无法显示变量值

1 个答案: