Professor, estou precisando inserir uma Partial dentro de outra. :( Tenho minha index chamando a primeira parcial:
<!-- public/index.html -->
<!DOCTYPE html>
<html lang="pt-br" ng-app="alurapic">
<body>
<div class="container">
<ng-view>
</ng-view>
</div><!
</body>
</html>
Acompanhando sua aula, facilmente adiciono principal.html em index.html.
<!-- public/partials/principal.html -->
<div class="jumbotron">
<h1 class="text-center">Alurapic</h1>
</div>
<div class="row">
<div class="col-md-12">
<ng-view>
//FormAluno.html DEVE ENTRAR AQUI
</ng-view>
</div> <!-- fim col-md-12 -->
</div> <!-- fim row -->
<div class="row">
<meu-painel class="col-md-2 painel-animado" ng-repeat="foto in fotos | filter: filtro" titulo="{{foto.titulo}}">
<img class="img-responsive center-block" src="{{foto.url}}" alt="{{foto.titulo}}">
</meu-painel>
</div>
Este é o módulo que adiciona a principal.html em index.html
angular.module('alurapic', ['ngRoute'])
.config(function($routeProvider) {
$routeProvider.when('/Cadastro', {
templateUrl: 'partials/principal.html'
});
});
Com eu poderia inserir FormAluno.html em Principal.html?
<!-- public/partials/FormAluno.html -->
<form>
<input class="form-control" placeholder="filtrar pelo título da foto" ng-model="filtro" ng-model-options="{ debounce: 500 }">
</form>