0
Я попытался запустить эту простую демонстрацию в моем приложении:Угловая материал нав бар не работает
http://codepen.io/camden-kid/pen/Kgdvgd?editors=1010#0
Do в View1.js
:
'use strict';
angular.module('rfApp.view1', ['ngRoute', 'ngMaterial', 'ngMessages'])
.config(['$routeProvider', function($routeProvider) {
$routeProvider.when('/view1', {
templateUrl: 'view1/view1.html',
controller: 'View1Ctrl'
});
}])
.controller('View1Ctrl', function($scope) {
$scope.currentNavItem = 'page1';
});
View1.html
<md-content class="md-padding">
<md-nav-bar md-selected-nav-item="currentNavItem" nav-bar-aria-label="navigation links">
<md-nav-item md-nav-click="goto('page1')" name="page1">Page One</md-nav-item>
<md-nav-item md-nav-click="goto('page2')" name="page2">Page Two</md-nav-item>
<md-nav-item md-nav-click="goto('page3')" name="page3">Page Three</md-nav-item>
<!-- these require actual routing with ui-router or ng-route, so they won't work in the demo
<md-nav-item md-nav-sref="app.page4" name="page4">Page Four</md-nav-item>
<md-nav-item md-nav-href="#page5" name="page5">Page Five</md-nav-item>
-->
</md-nav-bar>
<div class="ext-content">
External content for `<span>{{currentNavItem}}</span>`
</div>
</md-content>
И получить:
Codepen - это работа в любом случае. Вы уверены, что в заголовок включен угловой материал css? – digit
@digit Да, все остальные элементы работают – Arti
@digit все скрипты загружены правильно, и это весь мой код :(что не так :( – Arti