неполная форма HTML не загружается

Question

Я следую за tutorial и пытаюсь применить материал к предыдущему проекту, который я начал в рельсах.

Это мой 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> 

Просто интересно, почему форма не будет загружаться после того, как я нажму кнопку «Добавить новую почту». Я получаю большой пустой экран. My _form.html находится в файле client/app/partials/_form.html. Я не уверен, что это что-то с файловым путем.

Благодаря

Answer 1

Согласно документации w3schools, ng-include должен получить путь к файлу, вместо того чтобы использовать атрибут src. Таким образом, вместо

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

Вы должны сделать то же самое вы ДОР для

<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