Использование регулярных выражений в View

Question

У меня есть контроллер, как это:

function Ctrl($scope){ 

    $scope.str = " Misty Mountain Hop "; 

} 

и вид, как это:

<div ng-controller="Ctrl"> 

    <p>{{ str }}</p>  <!-- This one is ok --> 
    <p>{{ str.split("Mountain")[0] }}</p> <!--Even this one is fine too --> 
    <p>{{ str.replace(/Mountain/ , "Plain") }}</p> <!-- This one is bad --> 

</div> 

Так что, если я пытаюсь использовать метод replace, он дает ошибку:

Syntax Error: Token 'Mountain' is unexpected ... 

http://jsfiddle.net/H3ztj/

Вопрос: Почему?

Answer 1

Поскольку ваш вопрос был «Почему?», Ответ заключается в том, что выражения в блоках интерполяции не являются выражениями JavaScript, а Angular expressions. Они очень похожи на JavaScript (специально), но Angular использует собственный синтаксический анализатор для анализа кода.

Таким образом, он может сделать больше, чем просто оценить выражение один раз: он также может делать такие вещи, как анализ зависимостей, поэтому он может следить за ингредиентами и обновлять их при изменении этих ингредиентов. Он также может оценивать выражение относительно $scope, так что {{foo}} возвращает $scope.foo, а не глобальную переменную, называемую foo (что, в свою очередь, делает такие вещи, как работа ngRepeat).

Когда Угловая команда реализовала угловые выражения, они явно не применяли регулярные выражения. Это неудивительно - такой код должен быть в вашем контроллере в любом случае, где вы можете его протестировать.