AngularJS-Modify NgBoilerPlate模板,用于修改网页的标题

时间:2016-03-21 07:17:16

标签: angularjs ngboilerplate

https://github.com/ngbp/ngbp下载了NgBoilerPlate。 使用它作为模板来构建网站。 流程如下 -

的index.html

 <li ui-sref-active="active">
              <a href ui-sref="home">
                <i class="fa fa-home"></i>
                Home
              </a>
            </li>

app.js

angular.module( 'ngBoilerplate', [
  'templates-app',
  'templates-common',
  'ngBoilerplate.home',
  'ngBoilerplate.about',
'ui.router'
])

Home.js

angular.module( 'ngBoilerplate.home', [
  'ui.router',
  'plusOne'
])

/**
 * Each section or module of the site can also have its own routes. AngularJS
 * will handle ensuring they are all available at run-time, but splitting it
 * this way makes each module more "self-contained".
 */
.config(function config( $stateProvider ) {
  $stateProvider.state( 'home', {
    url: '/home',
    views: {
      "main": {
        controller: 'HomeCtrl',
        templateUrl: 'home/home.tpl.html'
      }
    },
    data:{ pageTitle: 'Home' }
  });
})

现在点击homeTab时 - 标题显示为主页| ngBoilerplate

如何从标题中删除 | ngBoilerPlate

由于

1 个答案:

答案 0 :(得分:1)

  1. 转到此link

  2. 您需要更改的是第19行

    $scope.pageTitle = toState.data.pageTitle + ' | ngBoilerplate' ;