$ state.go不起作用AngularJS？

如何從AngularJS的另一個控制器調用ui-view

這是我的示例程序。其實在這裏我使用嵌套的ui-view。問題是，當我點擊提交按鈕，最初它工作正常，並在SampleController中顯示警報

但我再次點擊它wwithout刷新頁面，它不去SampleController爲什麼？

我需要去該控制器當我點擊提交按鈕

是它在我的code.Please任何錯誤檢查我stateProvider too.I我在AngularJS一個新的啓動器

普萊舍指正謝謝...

var app=angular.module('TestApp', ['angular.filter','ui.router']); 
app.config(function($stateProvider, $urlRouterProvider) { 
    $urlRouterProvider.otherwise('/'); 
    $stateProvider 
     .state('category', { 
     views : { 
      "body" : { 
       url : '/category', 
       templateUrl : 'category.html', 
       controller : 'TestController' 
      } 
     }  
    }) 
    .state('category.subcategory', { 
     url : '/subcategory', 
     views : {        
      "[email protected]" : { 
       templateUrl : 'sample.html', 
       controller : 'SampleController'    
      } 
     } 
    }) 
}); 

app.controller('MainController', MainController); 
function MainController($scope,$state) { 
    alert("This is MainController") 
    $scope.getCategory=function(){ 
     $state.go('category'); 
    } 
} 

app.controller('TestController', TestController); 
function TestController($scope, $state){  
    $scope.getData=function() { 
     alert("Call to Sample Controller") 
     $state.go('.subcategory'); 
    } 
} 

app.controller('SampleController', SampleController); 
function SampleController($scope,$state) { 
    alert("This is SampleController") 
}

這是我的樣本HTML文件
的index.html

<!DOCTYPE html> 
<html ng-app="TestApp"> 

    <head> 
    <link rel="stylesheet"> 
     <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular.min.js"></script> 
     <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular-route.min.js"></script> 
     <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-filter/0.5.8/angular-filter.js"></script> 
     <script src="angular-ui-router.js"></script>  
     <script src="script.js"></script> 
    </head> 
    <body ng-controller="MainController"> 
     <a href="#" ng-click="getCategory()">Click to Category</a> 
     <div ui-view="body"> 
      <div ui-view="subbody"></div> 
     </div> 
    </body> 
</html>

category.html

<div>  
    <input type="button" name="button" id="button" value="Submit" ng-click="getData()" /> 
    <div ui-view="subbody"></div> 
</div>

sample.html

<div> 
    Sample Controller 
</div>

我需要打SampleController當我點擊提交按鈕

在我的項目，提交按鈕部分包含兩個選擇框類和子類別。基於那種類型和子類別我需要顯示SampleController.So刷新只能由SampleController完成的細節。

來源

2016-03-03 Symon kt2

有你在''state.go'中試過'category.subcategory'而不是'.subcategory'？ –

@Symon kt2：檢查鏈接http://stackoverflow.com/questions/19516771/state-go-toparams-not-passed-to-stateparams它可能是有用的喲。 – lalitpatadiya

@Martijn Welker我試過先生，但沒有工作 –

問題是您的視圖沒有正確嵌套，並且您的聲明有點不對，這裏是working plnkr。

首先，你忘了把subbody UI視在category.html模板：

<div ui-view="subbody"></div>

，自category.subcategory是category一個的ChildState你沒有使用@在你看來聲明

來源

2016-03-03 08:00:28

得到警報我的代碼也是一樣的先生。如果再次單擊，您只需檢查它的代碼 - 轉到示例狀態按鈕$ state.go不工作。我需要這種條件 –

@ Symonkt2究竟什麼是不工作？我真的不明白 –

在我的項目，提交按鈕部分包含兩個選擇框類別和子類別。基於該catgeory 和子類別我需要顯示在SampleController.So細節僅刷新由SampleController完成。不刷新選擇框部分 –

首先，確認瀏覽器地址欄中的'localhost/category/subcategory'正在工作，然後使用$ state.go（'category.subcategory'）。

來源

2016-03-03 07:56:59 YangMingYuan

工作，但爵士問題是我再次點擊提交按鈕我無法從SampleController –

$ state.go不起作用AngularJS？

回答

相關問題