javascript - 如何在带引号的字符串中使用 Angular 数据

Question

简单地说:我正在尝试将字符串传递给 ng-click 上的 Angular 函数。该字符串需要嵌入来自 Angular 世界的数据(该字符串由静态片段和 Angular“变量”组成)...

<button ng-click="hello('Mr/Ms {{name}}')">Test</button>

问题:我似乎无法进行 Angular 切换并将括号解析为字符串以外的任何内容。那么，如何修复/重新调整/修改字符串，以便嵌入的 Angular 内容在 ng-click 时在字符串中传递。

期望的结果 成功后，我应该看到一个 javascript 警报，指出“hello Mr/Ms Samuel”

Plunkr ... http://plnkr.co/edit/vKMCpAjfXbYZtNgxqubv

HTML

<div id="parent" ng-controller="test">
  <p>{{name}}</p>
  <button ng-click="hello('Mr/Ms {{name}}')">Test</button>
</div>

Javascript

$(document).ready(function(){

    var app = angular.module("app",[]);

    app.controller("test",function($scope){
      $scope.name="Samuel";
      $scope.hello=function(val){
        alert("hello " + val);
      };
    });

    angular.bootstrap(document,["app"]);

});

Answer 1

只使用经典的 JavaScript 变量，而不是 Angular 表达式

ng-click="hello('Mr/Ms '+name)"