AnguarJS$编译的动态元素

Dynamic Element with AngualrJS $compile

本文关键字：动态 元素 编译 AnguarJS      更新时间：2024-02-11

我正在创建动态按钮，并使用$compile绑定ng-click事件。我在那里添加了两个参数。问题是，如果参数是字符串并且中间有空格，则parameter正在拆分。

这是我的Javascript代码：

var name 'Demo 1';
var str= 'hello'
var btnhtml = '<button type="button" class="btn btn-primary btn-xs" ng-click=getShops("' + str + '","' + name + '")>View Detail</button>';
temp = $compile(btnhtml)($scope);

生成的HTML代码如下所示：

<button type="button" class="btn btn-primary btn-xs ng-scope" ng-click="getData("hello","Demo" 1")>View Detail</button>

我想要的输出是：

<button type="button" class="btn btn-primary btn-xs ng-scope" ng-click="getData("hello","Demo1")>View Detail</button>

我该怎么解决这个问题。谢谢

您没有正确地转义html

btnhtml = '<button type="button" class="btn btn-primary btn-xs" ng-click="getShops(''' + str + ''',''' + name + ''')">View Detail</button>';

我在转义之前删除了双引号"。

相关文章：