时间戳

首页 > 解决方案 > ng-click HTML 代码工作正常，但 angularjs 函数中的相同代码。ng-click 不起作用

angularjs - ng-click HTML 代码工作正常，但 angularjs 函数中的相同代码。ng-click 不起作用

问题描述

HTML

<div id="rightpane">
  <div id="rightpanecontent" >  
     <div id ="Addbtn" style="text-align: right;"> 
     <button type="btnAdd" class="btnAddText" ng-click="addText()" style="margin-top:10px;margin-left:166px; color: white;background-color:#673ab7;">Add Text</button>
   </div>
  <div class="si-note-separator" ></div> 
 <div id="myDIV" style="display: none;">     
 <textarea ng-model="imagecomment" name="taname" id="taid" wrap="soft" ></textarea>
  <button type="button" 
ng-click="addCommentToImage()" >Save</button>
  </div>
</div>
</div>

Controller.js文件。（需要使html代码动态，所以放入它controller.js file.ng-click不起作用）

function load() {
    var text = '';
     text = text + '<div id ="Addbtn" style="text- 
      align:right;">' + '<button type="btnAdd" class="btnAdd" click="Add()" style="margin-top:10px;margin-left:166px; color: white;background-color:#673ab7;">Add</button>'+
    '</div>' +
  '<div class="si-note-separator" ></div>'+ '<div id="myDIV">'+     
  '<textarea ng-model="comment" name="taname" id="taid" wrap="soft" ></textarea>'+
 '<button type="button" ng-click="addComment()" >Save</button>'+
      '</div>';
 }

标签： angularjshtmlangularjs-ng-click

解决方案

如果你想让你的 html 动态，那么你必须使用$compile服务编译它，以便它可以附加到scope对象上。然后只会ng-click工作。

推荐阅读