AngularJS表达式中的表达

Question

有没有办法让AngularJS评估模型数据中的表达式？

HTML:

<p>
{{Txt}}
</p>

模型:

    { 
     Txt: "This is some text {{Rest}}"
    }

    {
      Rest: "and this is the rest of it."
    }

最终结果将是:This is some text and this is the rest of it.

Answer 1

您可以使用该$interpolate服务来插入字符串...

function ctrl ($scope, $interpolate) {
    $scope.Txt = "This is some text {{Rest}}";
    $scope.Rest = "and this is the rest of it.";
    $scope.interpolate = function (value) {
        return $interpolate(value)($scope);
    };
}

<div ng-app ng-controller="ctrl">
    <input ng-model="Txt" size="60" />
    <p>{{ Txt }}</p>
    <p>{{ interpolate(Txt) }}</p>
</div>

的jsfiddle

Answer 2

您可以在括号内执行JS:

<p>{{Txt + ' ' + Rest}}</p>

或者创建一个返回所需文本的函数:

$scope.getText = function() {
  return $scope.Txt + ' ' + $scope.Rest;
}

<p>{{getText()}}</p>