zoukankan      html  css  js  c++  java
  • [AngularJS] ui-router: Abstract States

    ui-router has the powerful ability to define abstract states, or states that can't be navigated to, but are useful for defining a set of states with shared properties.

    angular.module("auth", [])
    
        .config(function ($stateProvider) {
    
          $stateProvider
              .state('in', {
                url: '/in',
                template: '<h1>Sign In</h1>' +
                    '<button class="btn btn-primary" ng-click="signIn()">Sign In Now</button>'
              })
              .state('up', {
                url: '/up',
                template: '<h1>Sign Up for a Free Account.</h1>'
              })
        });    

    For example, the sign in page an sign up page share the same content. Those content can be written into the abstract ui router.

    angular.module("auth", [])
    
        .config(function ($stateProvider) {
    
          $stateProvider
              .state('sign', {
                abstract: true,
                url: '/sign',
                template: '<a ui-sref=".in">Sign In</a>' +
                    '<a ui-sref=".up">Sign Up!</a>' +
                    '<ui-view/>',
                controller: function($scope, authService){
                  $scope.signIn = function(){
                    authService.signIn();
                  }
                },
                resolve: {},
                data: {},
                onEnter: function(){},
                onExit: function(){}
              })
              .state('sign.in', {
                url: '/in',
                template: '<h1>Sign In</h1>' +
                    '<button class="btn btn-primary" ng-click="signIn()">Sign In Now</button>'
              })
              .state('sign.up', {
                url: '/up',
                template: '<h1>Sign Up for a Free Account.</h1>'
              })
        });
  • 相关阅读:
    平摊分析的应用
    平摊分析--势能法
    平摊分析--会计法
    平摊分析--聚集法
    算法设计与分析总结
    动态规划--前缀动态规划问题
    【例】动态规划--最长回文序列问题
    分治法--中位数与顺序统计量
    动态规划--数轴动态规划问题
    pymssql模块官方文档的翻译
  • 原文地址:https://www.cnblogs.com/Answer1215/p/4168508.html
Copyright © 2011-2022 走看看