Данные из контроллера не отображаются в templateUrl в AngularJS версии 1.6.10 - PullRequest
Новая
       16

Данные из контроллера не отображаются в templateUrl в AngularJS версии 1.6.10

0 голосов
/ 22 мая 2018

Я делаю магазин только для изучения Angular, но у меня есть проблема, и я могу найти решение где угодно.Сайт расположен локально на моем ПК.Сейчас я не использую даже localhost.

У меня есть файл 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}}.Все работало, когда я использовал Angular в версии 1.3.15 , но когда я изменил его на Angular версии 1.6.10 , {{product}} ничего не отображает.Это почему ?Для этого в консоли нет ошибок.

...