2015-06-19 158 views
1

注射局部視圖內angularjs應用查看的網頁我有無序列表一樣angularjs從控制器

<ul> 
    <li> Item 1 </li> 
    <li> Item 2 </li> 
    <li> Item 3 </li> 
</ul> 

在同一頁上我有佔位,我要加載的內容部分景色從控制器返回

<div id="partialResults"> 
</div> 

我正在考慮在每個iteam調用控制器函數上點擊,然後從控制器返回視圖的部分視圖。

我如何在angularjs中做到這一點,或者是否有更好的方法來處理這種情況。這樣我會在asp.net-mvc中發送ajax請求並從控制器返回部分視圖。

+0

角js中的控制器綁定到視圖,所以角度加載它們。你最好閱讀關於這個東西的教程。 –

+0

ui-router是一個很好的使用框架 –

回答

0

這樣的事情應該工作。調用函數與HTML視圖控制器要包括:

$scope.loadPartial = function(link) { 
    $scope.currentPartial = $scope.basePath + link; 
} 

在div然後:

<li ng-click='loadPartial("item1.html")'> Item 1 </li> 

然後在你的控制器,你在一個變量設置爲活動

<div id="partialResults" ng-include="currentPartial"> 
</div>