У меня есть директива, что я хочу передать значение, но это не работает:
<p>{{testvar}}</p>
<my-fn info="{{testvar}}"></my-fn>
app.directive('myFn', function() {
return {
restrict: 'E',
templateUrl: 'templates/my-fn.html',
scope: {
info: "=info"
}
};
});
мой-fn.html:
<p>the value is: {{info}}</p>
Результат: значение в <p>
отображается правильно, но директива my-fn
не отображается и выводит следующую ошибку в консоли:
Error: [$parse:syntax] http://errors.angularjs.org/1.4.3/$parse/syntax?p0=%7B&p1=invalid%20key&p2=2&p3=%7B%7Btestvar%7D
J/<@http://code.angularjs.org/1.4.3/angular.min.js:6:416
Чтобы ответить на мой собственный вопрос: нужно пренебречь фигурными скобками следующим образом:
<my-fn info="testvar"></my-fn>
Если кто-нибудь знает, почему, пожалуйста, прокомментируйте ниже.