2015-10-11 53 views
0

我試圖加載視圖到一個點擊事件的股利,它不給任何東西。 「SkillCtrl」Angular ng-click沒有顯示任何東西

angular.module('myApp') 
.controller('SkillCtrl', function ($scope,$location) { 
this.awesomeThings = [ 
    'HTML5 Boilerplate', 
    'AngularJS', 
    'Karma', 

]; 
$scope.changeView = function(view) 
    { 
     console.log($scope); 
     $location.path(view); // path not hash 
    } 
}); 

和查看文件

<div class="container-narrow" id="experince" ng-app='myApp' ng-controller="SkillCtrl"> 
<ul class="clearfix"> 
    <div ng-click = 'changeView("skill_chart")'>Skills</div> 
</ul> 
<div > 

回答

1

這不是你如何加載意見的HTML angular.If這是你想要實現的,你應該使用ng-include指令在div內加載外部html模板。 $location.path實際上會更改ng-view指令的呈現內容。

如果你想改變ng-view的渲染內容,你需要在配置你的$routeProvider服務時定義相應的路由。請更具體一點你想達到什麼目的,以便我們能給你更多的東西相關解決方案

編輯:如何在點擊時將內容加載到div。

<span ng-click="change('path_to_your_view')">Click To Change</span> 
<div ng-include="view"></div> 

爲了您的控制器:

$scope.change=function(path){ 
    $scope.view=path; 
} 
+0

我新的角度和我在互聯網上使用的代碼。問題是根據我的代碼,當我點擊div它應該去控制器,但我認爲它不會發生。 c – learnwhat

+0

我想在點擊事件中爲div添加新內容。 – learnwhat

+0

然後您需要'ng-include'。請閱讀它的文檔:https://docs.angularjs.org/api/ng/directive/ngInclude。你需要將它與ng-click一起使用,以防止你無法做到。然後你可以要求進一步的幫助。 – Abdul23

1

角路徑需要領先/

嘗試:

$location.path('/' + view);