我现在正在通过观看 Egghead.io 上的视频来学习 Angular.js。我在 the $routeProvider video ,我的应用根本没有路由。
这是超基础的,这是脚本 (app.js):
var app = angular.module('myApp', []);
// routes
app.config(function ($routeProvider) {
$routeProvider.when('/pizza', { template: 'Yum!!' });
});
app.controller('FirstCtrl', function ($scope) {
$scope.data = { message: "Hello" };
});
和 html:
<div ng-app="myApp">
<div ng-controller="FirstCtrl">
{{data.message + " world"}}
</div>
</div>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.1.3/angular.min.js"></script>
<script src="app.js"></script>
根据我的理解,http://host/#/pizza
应该只显示“Yum!!”因为我在模板中传递了一个字符串。虽然它似乎没有做任何事情,但我仍然得到 FirstCtrl
评估的“Hello world”。
为什么 $routeProvider
没有在我的应用程序中执行任何操作?
最佳答案
您需要将 ng-view
元素放在您希望 routeProvider 粘贴页面模板的位置。
<div ng-app="myApp">
<div ng-controller="FirstCtrl">
{{data.message + " world"}}
<ng-view></ng-view>
</div>
</div>
关于javascript - 为什么我的 Angular.js $routeProvider 什么都不做?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15736234/