【问题标题】:How to modify content from an ngInclude如何从 ngInclude 修改内容
【发布时间】:2015-10-26 15:56:28
【问题描述】:

我已经搜索了问题/答案,似乎我应该使用指令。然而,我更喜欢使用经过良好测试的 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。

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

【问题讨论】:

  • 您可以使用ng-include,也可以使用指令。请参阅上面可能的重复项。
  • 我觉得修改模板最简单的方法是在指令预编译功能中使用jQuery。

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


【解决方案1】:

为什么不使用:

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

看到这个笨蛋http://plnkr.co/edit/O4NyTULkBB6BpN4T9MNS?p=catalogue

【讨论】:

    猜你喜欢
    • 2014-09-20
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-08-15
    • 1970-01-01
    • 2014-07-20
    • 2011-03-19
    相关资源
    最近更新 更多