{{}} in ng-click & ng-repeat

Question

这是我的HTML 的代码

<div id="container" ng-app="containArea" ng-controller="myCtrl">
<div id="sidebody" class="block">
<button 
ng-repeat="shopli in shopName" 
ng-click="openurl({{'''+shopli.url+'''}})" 
class="btn_shopList">
{{shopli.name}}
</button>
</div>
........
</div>

这里的JS

var app = angular.module('containArea', []);
app.controller('myCtrl', function($scope) {
$scope.shopName=[
{
"name":'momo購物網',
"url":'https://buyforfun.biz/2LvEY'
},
{
"name":'金石堂書局',
"url":'https://joymall.co/2MX4o'
}
]; 
$scope.openurl = function(url){
window.open(url, '_blank');
}
});

｛｛shopli.name｝｝正确输出

但如果我点击按钮，什么也没发生

有人能帮我修一下吗

Answer 1

在ng-click函数中直接使用该值，而不是使用角度表达式{{}}。

ng-click="openurl('''+shopli.url+''')"

var app = angular.module('containArea', []);
app.controller('myCtrl', function($scope) {
$scope.shopName = [{
"name": 'momo購物網',
"url": 'https://buyforfun.biz/2LvEY'
},
{
"name": '金石堂書局',
"url": 'https://joymall.co/2MX4o'
}
];
$scope.openurl = function(url) {
console.log(url);
}
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div id="container" ng-app="containArea" ng-controller="myCtrl">
<div id="sidebody" class="block">
<button ng-repeat="shopli in shopName" ng-click="openurl(shopli.url)" class="btn_shopList">
{{shopli.name}}
</button>
</div>
</div>