Angular JS i partials

Question

Czy możliwe jest osadzenie strony html w innym w kanciastym js?

Jeśli tak, jak to zrobić?

Here w swoim samouczku część nie jest osadzona na stronie, ale jest podobna do innej strony, na której się znajdujesz po kliknięciu jednego z elementów. (see demo)

Answer 1

Tak, można to zrobić, używając dyrektywy ngInclude.

Zobacz docs i przykład tutaj: http://docs.angularjs.org/api/ng.directive:ngInclude

Answer 2

Jeśli ng-include nie jest to, czego potrzebujesz, możesz chcieć, aby sprawdzić kątowe-ui-router moduł. Pozwala na tworzenie widoków zagnieżdżonych i równoległych ... Jest świetny, elastyczny, łatwy w użyciu i dobrze udokumentowany. https://github.com/angular-ui/ui-router

Answer 3

@Wilt ma rację, ale tutaj jest bardziej konkretny link i próbki kodu (od https://github.com/angular-ui/ui-router/wiki/Quick-Reference#ui-view)

W szablonie root:

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

I w funkcji app.config

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