angularjs - change - Angular JS y parciales

ng-bind

Question

¿Es posible incrustar la página html en otra en angular js?

Si es así, ¿cómo hacerlo?

Here en su tutorial, el parcial no está incrustado en la página, pero es como una página diferente a la que va cuando hace clic en uno de los elementos. ( ver demostración )

Answer 1

@Wilt es correcto, pero aquí hay un enlace más específico y un ejemplo de código (de https://github.com/angular-ui/ui-router/wiki/Quick-Reference#ui-view )

En tu plantilla raíz:

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

Y en su función app.config

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

Answer 2

Sí, puedes hacerlo usando la directiva ngInclude .

Vea los documentos y el ejemplo aquí: https://docs.angularjs.org/api/ng/directive/ngInclude

Answer 3

Si ng-include no es lo que necesita, es posible que desee consultar el módulo angular-ui-enrutador . Le permite hacer vistas anidadas y paralelas ... Es excelente, flexible, fácil de usar y está bien documentado. https://github.com/angular-ui/ui-router