Angular JS и частичные

Можно ли вставить html-страницу в другую в angular js?

Если да, как это сделать?

Здесь в своем учебнике частичная часть не встроена в страницу, но она похожа на другую страницу, на которой вы идете, когда вы нажимаете на один из Предметы. (см. демонстрацию)

Ответы

Ответ 1

Да, вы можете сделать это, используя директиву ngInclude.

Смотрите документы и пример здесь: http://docs.angularjs.org/api/ng.directive:ngInclude

Ответ 2

@Wilt прав, но вот более конкретная ссылка и образец кода (из https://github.com/angular-ui/ui-router/wiki/Quick-Reference#ui-view)

В корневом шаблоне:

<div ui-view></div>
<div ui-view="chart"></div> 
<div ui-view="data"></div>

И в вашей функции app.config

$stateProvider.state("home", {
    views: {
        "": {
            template: "<h1>Some HTML</h1>"
        },
        "chart": {
            templateUrl: "templates/chart.html"
        },
        "data": {
            template: "<data_thing/>"
        }
    }    
})

Ответ 3

Если ng-include не то, что вам нужно, вы можете проверить модуль angular -ui-router. Он позволяет делать вложенные и параллельные представления... Он отличный, гибкий, простой в использовании и хорошо документированный. https://github.com/angular-ui/ui-router