如何修改ngInclude中的内容

时间:2015-10-26 15:56:29

标签: angularjs angularjs-directive angularjs-ng-include

我搜索了问题/答案,似乎我应该使用指令。然而,我宁愿使用经过良好测试的ngInclude。场景是:

我正在使用ngInclude来获取外部导航栏(来自不同的站点),并且返回的html包含一个登录表单,指向错误的URL。 我的ngInclude看起来像这样:<div ng-include = "''+API_HOST+'api/cms/navbar'">

导航栏的登录表单部分看起来像这样

<form id="loginForm" class="form-inline ng-pristine ng-valid" 
  method="post" 
  action="/somewebapp/j_spring_security_check" 
  name="loginForm" target="_top" 

我想修改action属性,指向不同的url。

除了创建指令之外没有其他办法吗? 感谢

1 个答案:

答案 0 :(得分:0)

为什么不使用:

$scope.loaded = function(this_) { angular.element(document.getElementById("loginform")).children().attr("action", "yahoo.com"); }

请参阅此plunker http://plnkr.co/edit/O4NyTULkBB6BpN4T9MNS?p=catalogue