Javascript 带有md导航条的活动选项卡

我使用的是角度材质导航栏：

<md-content class="md-padding">
    <md-nav-bar md-selected-nav-item="selectedItem" nav-bar-aria-label="navigation links">
        <md-nav-item md-nav-sref="hid.overview" name="overview">Overview</md-nav-item>
        <md-nav-item md-nav-sref="hid.console" name="console">Console</md-nav-item>
    </md-nav-bar>

    <ui-view></ui-view>
</md-content>

概述
安慰

我的js文件

'use strict';

angular.module('rfApp.rffwhid', ['ngRoute', 'ngMaterial', 'ngMessages', 'ui.router'])

.config(['$stateProvider', '$routeProvider', '$urlRouterProvider', function($stateProvider, $routeProvider, $urlRouterProvider) {
  $routeProvider.when('/rffwhid', {
    templateUrl: 'rffwhid_view/rffwhid.html',
    controller: 'View1Ctrl'
  });

    $stateProvider
        .state({
            name: "hid",
            url: "/hid",
            template: "<ui-view></ui-view>"
        })
        .state({
            name: "hid.overview",
            url: "/view2",
            templateUrl: "view2/view2.html",
            controller: 'View2Ctrl'
        })
        .state({
            name: "hid.console",
            url: "/rffwhid_console",
            templateUrl: "rffwhid_console_view/rffwhid_console.html",
            controller: 'rffwhidConsoleCtrl'
        });



}])

.controller('View1Ctrl', function($scope, $state) {
    var initTab = "overview";
    $scope.selectedItem = initTab;
    $state.go("hid." + initTab);
});

“严格使用”；
角度.module（'rfApp.rffwhid'，['ngRoute'，'ngMaterial'，'ngMessages'，'ui.router']））
.config（['$stateProvider'、$routeProvider'、$urlRouterProvider'，函数（$stateProvider、$routeProvider、$urlRouterProvider）{
$routeProvider.when（“/rffwhid”{
templateUrl:'rffwhid_view/rffwhid.html'，
控制器：“View1Ctrl”
});
$stateProvider
.州({
姓名：“hid”，
url:“/hid”，
模板：“”
})
.州({
名称：“hid.overview”，
url:“/view2”，
templateUrl:“view2/view2.html”，
控制器：“View2Ctrl”
})
.州({
名称：“hid.console”，
url:“/rffwhid_控制台”，
templateUrl:“rffwhid_console_view/rffwhid_console.html”，
控制器：“rffwhidConsoleCtrl”
});
}])
.controller（'View1Ctrl'，函数（$scope，$state）{
var initTab=“概述”；
$scope.selectedItem=initTab；
$state.go（“hid.”+initTab）；
});

当我运行它时，我得到：

错误：[$rootScope:infdig]已达到10$digest（）次迭代。流产

它调用

$state.go（“hid.+initTab”）递归：（但为什么？如何设置init选项卡

我用这个例子：

使用这个模板：
我怎么认为可能是这样的呢？我还认为你应该删除
ngRoute
，只使用
ui.router
@T.Chmelevskij View2Ctrl就像其他视图一样显示hello world。但是我不能删除路径，因为这个导航就像嵌套视图一样。你能提供你的实际情况吗请用密码笔写代码。