部分表格HTML未加載

Question

我正在關注tutorial，並試圖將材質應用於之前以rails開始的項目。

這是我main.js：

'use strict'; 

angular.module('outpostApp').config(function ($stateProvider) { 
    $stateProvider.state('main', { 
    url: '/', 
    templateUrl: 'app/partials/posts.html', 
    controller: 'MainCtrl' 
    }).state('newPost', { 
    url: '/submit', 
    templateUrl: 'app/partials/post-add.html', 
    controller: 'CreatePostController' 
    }); 
}).run(function($state) { 
    $state.go('main'); 
}); 

這是我posts.html：

<div ng-include="'components/navbar/navbar.html'"></div> 
<a ui-sref="newPost" class="btn-primary btn-lg nodecoration">Add New Post</a> 

這是我post-add.html：

<form class="form-horizontal" role="form" ng-submit="addPost()"> 
    <div ng-include src="'partials/_form.html'"></div> 
</form> 

我現在用的是相同的_form.html了一些修改：

<div class="form-group"> 
    <label for="title" class="col-sm-2 control-label">Title</label> 
    <div class="col-sm-10"> 
    <input type="text" ng-model="post.title" class="form-control" id="title" placeholder=""/> 
    </div> 
</div> 
<div class="form-group"> 
    <label for="message" class="col-sm-2 control-label">Message</label> 
    <div class="col-sm-10"> 
    <input type="text" ng-model="post.message" class="form-control" id="message" placeholder=""/> 
    </div> 
</div> 
<div class="form-group"> 
    <div class="col-sm-offset-2 col-sm-10"> 
    <input type="submit" class="btn btn-primary" value="Save"/> 
    </div> 
</div> 

只是想知道爲什麼表單不會加載後，我點擊按鈕'添加新帖子'。我得到一個大的空白屏幕。我的_form.html位於客戶端/ app/partials/_form.html下。我不確定它是否與文件路徑有關。

感謝

Answer 1

據W3Schools的文檔，ng-include應該接收文件的路徑，而不是使用屬性src。所以，與其

<div ng-include src="'partials/_form.html'"></div>

你應該做你DOR爲

<div ng-include="'components/navbar/navbar.html'"></div>

因此

<div ng-include="'partials/_form.html'"></div> 

一樣，我建議你總是打開瀏覽器網絡和驗證，如果您需要的文件正在被請求，這樣您就可以瞭解您的應用程序和我正在發生的事情ts更容易解決問題。

Ps。我不確定你的路徑，但通過檢查你的控制檯，你應該能夠驗證文件是否被請求並將其設置在正確的位置。

欲瞭解更多信息：

http://www.w3schools.com/angular/angular_includes.asp