TL;DR
вместо массива - строка
plnkr.co/edit/ZwV8jmi0tUTgezWlEq3S?p=preview
Собственно, сам код.
!(function(ng) {
'use strict';
FooCtrl.$inject = ['$scope'];
function FooCtrl($scope) {
$scope.foo = {
bar: [
'foo',
'bar'
]
};
}
function FooDirective() {
return {
restrict: 'A',
scope: {
model: '@foo'
},
link: function($scope) {
var watcher = function(model) {
console.log(model, typeof model);
};
$scope.$watch('model', watcher, true);
}
};
}
ng.module('foo', [])
.controller('FooCtrl', FooCtrl)
.directive('foo', FooDirective);
})(window.angular);
<!DOCTYPE html>
<html data-ng-app="foo">
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.min.js"></script>
<script src="app.js"></script>
</head>
<body data-ng-controller="FooCtrl">
<ul data-foo="{{foo.bar}}">
<li data-ng-repeat="bar in foo.bar">
{{bar}}
</li>
</ul>
</body>
</html>
Ведь должен быть массив, а не строка.
Что я делаю не так?
