1

私は現在、Egghead.io のビデオに従って Angular.js を学んでいます。$ 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.

$routeProviderがアプリで何もしないのはなぜですか?

4

2 に答える 2