ui-sref和ui-view角度ui路由器

Question

如果用戶沒有註冊，註冊。我想使用ui-sref和ui-view顯示註冊表單。

包括腳本：

<script src="node_modules/angular/angular.js"></script> 
<script src="node_modules/angular-ui-router/build/angular-ui-router.min.js"></script> 
<script src="app/app.js"></script> 
<script src="app/signup/signup-controller.js"></script> 

中定義的app.js 狀態

(function() { 
    angular.module('TimeWaste', ['ui.router']) 
    .config(function($stateProvider){ 
    $stateProvider 
     .state('signUp', { 
     url : "/signup", 
     templateUrl : "app/signup/signup.html", 
     controller : "SignUpController" 
     }) 
    }) 
}()); 

然後我在的index.html

<nav class="navbar navbar-default navbar-fixed-top"> 
    <div class="container"> 
     <div> 
     <input type="text" ng-model="login.email"> 
     <input type="text" ng-model="login.password"> 
     <button>Login</button> 
     <a ui-sref="signUp">Create</a> 

     </div> 
    </div> 
    </nav> 

    <div ui-view></div> 

有這樣的HTML代碼

禁用鏈接，視圖不加載.... 有些幫助嗎？

Answer 1

嘗試這樣的事情，

.config(function($stateProvider){ 
    $stateProvider 
    .state('signUp', { 
     url : "/signup", 
     views: { 
     "container@": { 
      templateUrl: "app/signup/signup.html", 
      controller: "SignUpController" 
     } 
     }, 
    }) 
}) 

然後把名字寫在你的用戶界面視圖

<nav class="navbar navbar-default navbar-fixed-top"> 
    <div class="container"> 
    <div> 
     <input type="text" ng-model="login.email"> 
     <input type="text" ng-model="login.password"> 
     <button>Login</button> 
     <a ui-sref="signUp">Create</a> 
    </div> 
    </div> 
</nav> 
<div ui-view="container"></div> 

UI-SREF不知道它會加載該UI的觀點，因爲你的用戶界面視圖並且ui-sref不在同一父節點上。在這裏檢查多個和命名的視圖https://github.com/angular-ui/ui-router