AngualrJS $を含む動的要素

Question

動的なボタンを作成し、$ compileを使用してng-clickイベントをバインドしています。そこに2つのパラメータを追加しています。問題は、パラメータが文字列で、間にスペースがある場合、パラメータが分割されていることです。

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> 

は、ここに私のJavascriptのコードです。ありがとう。

Answer 1

あなたは適切

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

をHTMLをエスケープしていない私は脱出する前に二重引用符記号"を削除しました。