AngualrJS $ derlemesi ile Dinamik Öğe

Question

Dinamik düğme oluşturuyorum ve tıklatma etkinliğini bağlamak için $ derleme özelliğini kullanıyorum. Orada iki parametre ekliyorum. Sorun şu ki, parametre dize ve aralarında boşluk varsa, Parametre bölüyordur.

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); 

Oluşturulmuş HTML kodu aşağıdaki gibidir::

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

benim istenen çıkış: Ben Bu durumu nasıl düzeltebilirim

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

İşte benim JavaScript kodudur. Teşekkürler. Sen html kaçmak değil

Answer 1

düzgün

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

Ben kaçmadan önce çift tırnak sembolü " kaldırıldı.