Новичок здесь, пожалуйста, будьте нежны. У меня проблемы с фильтрами Angular при использовании привязанного к данным значения
<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<body>
<div ng-app="myApp" ng-controller="myCtrl">
Insert value to be converted to hexdecimal: <input type="text" ng-model="whatever">
<h1>{{ whatever }}</h1>
</div>
<p>A custom service with a method that converts a given number into a hexadecimal number.</p>
<script>
var app = angular.module('myApp', []);
app.service('hexafy', function(x) {
this.myFunc = function (x) {
return x.toString(16);
}
});
app.controller('myCtrl', function($scope) {
});
app.filter('myFormat',['hexafy', function(hexafy) {
return function(x) {
return hexafy.myFunc(x);
};
}]);
</script>
</body>
</html>
У меня проблема со следующей строкой кода:
<h1>{{ foo | myFormat }}</h1>
Почему это не работает как задумано?
Это работает:
<h1>{{ 255 | myFormat }}</h1>
Это также работает:
<h1>{{ foo }}</h1>
Почему не работает сочетание двух? Как мне заставить это работать правильно? Заранее спасибо.