When I run my angularjs application, I get the following error message:
> Error: [$rootScope:infdig]
> http://errors.angularjs.org/1.2.22/$rootScope/infdig?p0=10&p1=%5B%5B%22safeHtml()%3B%20newVal%3A%20%7B%7D%3B%20oldVal%3A%20%7B%7D%22%5D%2C%5B%22safeHtml()%3B%20newVal%3A%20%7B%7D%3B%20oldVal%3A%20%7B%7D%22%5D%2C%5B%22safeHtml()%3B%20newVal%3A%20%7B%7D%3B%20oldVal%3A%20%7B%7D%22%5D%2C%5B%22safeHtml()%3B%20newVal%3A%20%7B%7D%3B%20oldVal%3A%20%7B%7D%22%5D%2C%5B%22safeHtml()%3B%20newVal%3A%20%7B%7D%3B%20oldVal%3A%20%7B%7D%22%5D%5D
>
>
Here is my controller:
var gameApp = angular.module("gameApp", ['ngRoute','ngSanitize']);
>
> gameApp.service('link', function() {
> this.user = false;});
> gameApp.filter('unsafe', function($sce) {
> return function(val) {
> return $sce.trustAsHtml(val);
> };});
>
> gameApp.directive('mapActivity', function() {
> return {
> restrict: 'A',
> link: function(scope, element, attr) {
> scope.$watch(attr.ngBindHtml, function(value) {
> angular.element('.click#1').addClass('dotted').html($('<img
> src="images/dot.png">'));
> angular.element('.click').click(function() {
> if(angular.element(this).hasClass('monster'))
> {
> }
> else
> {
> angular.element('.click.dotted').empty();
>
> angular.element('.click.dotted').removeClass('dotted');
>
> if(!angular.element(this).hasClass('dotted'))
> {
> angular.element(this).addClass('dotted');
> angular.element(this).html($('<img
> src="images/dot.png">'));
> }
> }
>
> });
> });
> }
> };});function makeTableFrom(str) {
> var k = 1;
> result = "";
>
> for(var i = 1; i <= 8; i++) {
> result += '<tr>';
>
> for(var j = 1; j <= 20; j++) {
> if(str[k] == '#') {
> result += '<td id=' + k + '">#</td>';
> }
> else if(str[k] == '&') {
> result += '<td class="click" val="water" id="' + k +
> '">&</td>';
> }
> else {
> result += '<td class="click" id="' + k + '"></td>';
> }
>
> k++;
> }
> result += '</tr>';
> }
> return result;}
>
>
> gameApp.config(function($routeProvider) {
> $routeProvider
>
> .when('/', {
> templateUrl : 'partials/firstpage.html',
> controller : 'firstPageCtrl'
> })
>
> .when('/game', {
> templateUrl : 'partials/game.html',
> controller : 'gameCtrl'
> });
> });
>
> gameApp.controller("firstPageCtrl", function($scope,$http,link,$location) {
> $scope.doLogin = function() {
> $http.post("lib/action.php", {username: $scope.username, password:
> $scope.password}).success(function(data) {
> if(data) {
> link.user = data;
> console.log(link.user);
> $location.path("/game");
> }
> }).error(function(data) {
> console.log(data);
> });
> };});
>
>
> gameApp.controller("gameCtrl",
> function($scope,$http,link,$location,$sce,$rootScope) {
>
> $scope.getMonsters = "1";
>
> $http.post("lib/action.php", {monsters:
> $scope.getMonsters}).success(function(data) {
> $scope.result = makeTableFrom(data);
> });
>
> $scope.safeHtml = function() {
> return $sce.trustAsHtml($scope.result);
> };
> if(link.user) {
> /*$scope.message = "fisk";
> console.log(link.user);*/
> } else {
> /*$scope.message = "Ledsen fisk";
> console.log("Är inte satt");*/
> }
> });
>
>
Here is my HTML
> <div ng-controller="gameCtrl">
> <table ng-bind-html="safeHtml()" map-Activity>
> </table>
> </div>
>
Anyone who can help me? I can't find the cause to this error. This error
apperad when I added scope.$watch in my directive.
--
You received this message because you are subscribed to the Google Groups
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.
