回答編集履歴

2 fix2

naga3

naga3 score 1328

2016/12/21 10:06  投稿

その記事の作者です。
route.jsでmyApp、controller.jsでappというふたつのアプリケーションを定義しているので表示されません。
まずテンプレートが入る場所としてbodyタグの直下に
```html
<div ng-view></div>
```
を置きます。
controller.jsの
```javascript
var app = angular.module('app', ['ngResource']);
```
を消して、
route.jsの冒頭を
```javascript
var app = angular.module('app', ['ngResource', 'ngRoute']);
app.config(['$routeProvider', function($routeProvider){
・・・
```
このように変更してアプリケーションをひとつにすると表示されます。
あとテンプレートはそれぞれ別HTMLファイルにしたほうが良いかと思います。
ひとつのページで複数のテンプレートを使いたい場合はUI Routerを使ってください。
[https://ui-router.github.io/ng1/](https://ui-router.github.io/ng1/)
1 fix

naga3

naga3 score 1328

2016/12/21 10:02  投稿

その記事の作者です。
route.jsでmyApp、controller.jsでappというふたつのアプリケーションを定義しているので表示されません。
 
まずテンプレートが入る場所としてbodyタグの直下に  
 
```html  
<div ng-view></div>  
```  
 
を置きます。  
controller.jsの
```javascript
var app = angular.module('app', ['ngResource']);
```
を消して、
route.jsの冒頭を
```javascript
var app = angular.module('app', ['ngResource', 'ngRoute']);
app.config(['$routeProvider', function($routeProvider){
・・・
```
このように変更してアプリケーションをひとつにすると表示されます。
あとテンプレートはそれぞれ別HTMLファイルにしたほうが良いかと思います。

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る