【问题标题】:angularjs injecting partial view from controllerangularjs从控制器注入部分视图
【发布时间】:2015-06-19 07:00:16
【问题描述】:

在 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 请求并从控制器返回部分视图。

【问题讨论】:

  • Angular js 中的控制器绑定到视图,因此 Angular 会同时加载它们。您最好阅读有关这些内容的教程。
  • ui-router 是一个很好用的框架

标签: javascript jquery asp.net-mvc angularjs


【解决方案1】:

这样的事情应该可以工作。使用要包含的 HTML 视图在控制器中调用函数:

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

然后在您的控制器中将其设置为变量中的活动:

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

然后在div中:

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

【讨论】:

    【解决方案2】:

    我认为您应该将 History API 用于部分视图。参考这个链接...http://html5demos.com/history https://css-tricks.com/using-the-html5-history-api/
    http://diveintohtml5.info/history.html

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2012-03-12
      • 2013-11-13
      • 2015-11-30
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多