0

我开店只是为了学习 Angular，但我有问题，我可以在任何地方找到解决方案。该站点位于我的 PC 本地。我现在甚至没有使用本地主机。

我有文件application.js来设置我的网站的路线：

'use strict';

var app = angular.module( 'app' , ['ngRoute','controllers'] );

app.config(['$routeProvider','$httpProvider',function($routeProvider, $httpProvider){
  $routeProvider.when('/products', {
    controller: 'products',
    templateUrl: 'partials/products.html'
  });
  $routeProvider.when( '/product/:id' , {
        controller: 'product',
        templateUrl : 'partials/product.html'
    });
  $routeProvider.otherwise({
    redirectTo: '/home'
  });
}]);

这是我的控制器文件：

'use strict';

var controllers = angular.module('controllers',['ngRoute']);

// display all products
controllers.controller('products',['$scope', '$http',function($scope, $http){
  // $scope.displayProducts = function(){
    //load data from file
    $http({
    method: 'GET',
    url: 'model/products.json'
    }).then(function successCallback(response) {
      // display the data
      $scope.products = response.data;
      }, function errorCallback(response) {
        $scope.products = 'Error downloading data...';
    });
  // };
}]);

// edit single product
controllers.controller('product',[ '$scope' , '$http' , '$routeParams' ,function($scope, $http, $routeParams){

    //load data from file
      $http({
      method: 'GET',
      url: 'model/products.json'
      }).then(function successCallback(response) {
        // display selected data
        $scope.product = response.data[$routeParams.id];
        }, function errorCallback(response) {
          $scope.product = 'Error downloading data...';
      });
}]);

我希望第二个控制器打开product.html并且用户将能够编辑产品。在product.html里面只有{{product}}. 当我在 1.3.15 版本中使用 Angular 时，这一切都有效，但是当我将其更改为Angular 1.6.10 版本时，{{product}}我什么也没有显示。这是为什么 ？控制台中没有错误。

4

0 回答 0