当前位置: 首页 > 面试题库 >

ng-include和src变量

终育
2023-03-14
问题内容

我想用变量更改ng-includes src。目前这就是我所拥有的。

 <div class='alignRightCenter' id='rightContent'>
    <ng-include src="'{{view}}'"> </ng-include>
</div>

这是控制器:

ctrl.controller('contentCtrl', ['$scope', function($scope) {
      $scope.view = "partials/setListName.tpl.html";
  }]);

不幸的是,我无法使用ng-view,因为它已经被用来引导我进入此页面。是否可以进行类似的工作?


问题答案:

尝试如下:

<ng-include src="view"> </ng-include>

- - - - - - - - -要么 - - - - - - - - - - -

你可以这样

视图:

<div data-ng-include data-ng-src="getPartial()"></div>

控制器:

function AppCtrl ($scope) {
  $scope.getPartial = function () {
      return 'partials/issues.html';
  }
}


 类似资料:
  • 问题内容: 本教程演示了指令的使用,而不是: 他们要求: 用普通的旧src属性替换ng-src指令。 使用Firebug或Chrome的Web检查器之类的工具,或检查Web服务器的访问日志,确认该应用确实确实对 /app/%7B%7Bphone.imageUrl%7D%7D (或 / app / {{phone .imageUrl}} )。 我这样做了,它给了我正确的结果: 有什么原因吗? 问题答

  • 问题内容: 我正在与angular进行斗争,以使其ng-view之外包括部分cshtml视图。 这是我的主要观点: 这是我的部分Login.cshtml: 我使用mvc在调用url时返回特定的局部视图,如下所示: 基本上,我相信ng- include应该调用url,它将返回html,并将其插入页面。但这不是所发生的事情,根本不调用Template方法。我当然可以在母版页上包括整个模板,但是稍后登录

  • 问题内容: 我正在构建一个简单的angularjs应用,并且试图实现无需页面刷新的登录。 我在做什么 初始化时,ng-include会加载/ set / save。/ set / save 中有。因此,当单击指令时,将打开一个窗口,并且当关闭窗口时,应更改ng-include的src。 问题 当指令在ng-include内部使用时(ng-include src在init上具有默认值)时,什么都不会

  • 问题内容: 正如解释这里的angularjs指令NG- SRC是用来防止浏览器加载资源(如图像)车把得到解析之前。我当前正在使用以下代码: 使用以下JS: 正在从Web服务检索路径。由于此延迟,浏览器尝试加载,导致404。一旦检索到路径,浏览器就会发出正确的请求并加载图像。 在所有数据准备就绪之前,防止加载任何资源的首选方法是什么? 请参阅jsfiddle以获得说明我的情况的示例。 谢谢, 马丁

  • 问题内容: 如何在angularJS中有条件地执行ng-include? 例如,如果变量设置为,我只想包含一些内容。 问题答案: 如果您使用的是Angular v1.1.5或更高版本,则还可以使用ng- if : 如果您有任何旧版本: 使用ng-switch: 小提琴

  • 问题内容: 我是webpack的新手,现在我在我的一个有角度的项目中第一次使用它。 我想在我的html文件中使用require函数,以便为ng-include要求模板,如下所示: 我知道有像ng- cache和ngtemplate这样的加载器,但它们无法按我需要的方式工作。对于它们,我必须先在js中要求模板,然后再在html文件中使用模板名称。 如何做到这一点? 问题答案: 您可以在npm上使用w