Question

我需要在每个模板的基础上更新变量。我的主索引文件（布局文件）显示此值。我可以使用ng-init，但只有在表达式之前调用ng-init时才有效。如果我在模板页面上使用ng-init，它就不起作用（我怀疑是由于代码顺序）。

NG-IGNIT

<div ng-init="amount='4'"></div>

Index.html（布局文件）

<span class="amount">{{amount}}</span>

Main_controller.js

$scope.amount = 1; //default value

如何使用具有不同数量变量值的多个模板？

Answer 1

有很多方法可以达到你想要的效果。但是，与您正在寻找的最相关的方法是使用解决方案。

在routeProvider

中使用解决方法

var sampleApp = angular.module（＆＃39; phonecatApp＆＃39;，[]）;

sampleApp.config(['$routeProvider',
  function($routeProvider) {
    $routeProvider.
      when('/page1', {
        templateUrl: 'templates/page1.html',
        controller: 'myController',
        resolve: {
          data: 1
        }
      }).
      when('/showOrders', {
        templateUrl: 'templates/page2.html',
        controller: 'ShowOrdersController',
        resolve: {
          data: 2
        }
      }).
      otherwise({
        redirectTo: '/page1'
      });
  }]);

在您的控制器中

sampleApp.controller('myController', function($scope, data){
    $scope.amount = data;
})

在每个模板的Angular中设置变量

1 个答案: