0

我根据 URL 的路由在 Angular 中加载部分内容。

当我加载部分时，它会加载并响应控制器功能。但是我有一个有观察者的指令。这在我使用时不起作用

当我在主页中加载 HTML 时，它工作正常。我在这里有一个 Plunker http://plnkr.co/edit/DK33pIrp0HyhUOjwm5X2?p=preview

基本上点击“hello”应该改变 $scope.origin 并且观察者应该触发它的事件。它不是。

我的 HTML：

<!DOCTYPE html>
<html ng-app="App">

  <head lang="en">
    <meta charset="utf-8">
    <title>Custom Plunker</title>
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.3/angular.min.js"></script>
    <link rel="stylesheet" href="style.css">
    <script>
      document.write('<base href="' + document.location + '" />');
    </script>
    <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/coffee-script/1.1.2/coffee-script.min.js"></script>
    <script src="app.js"></script>
    <script src="directive.js"></script>
  </head>

  <body ng-controller="MapCtrl">
    <ng-view></ng-view>
  </body>

</html>

应用程序.js

var app;

app = angular.module("App", []);

app.config(function($routeProvider) {
  return $routeProvider.when("/", {
    templateUrl: "home.html",
    controller: MapCtrl
  });
});

this.MapCtrl = function($scope) {
  return $scope.clicked = function() {
    console.log("clicked");
    $scope.origin = Math.floor(Math.random() * 11);
    return console.log($scope.origin);
  };
};

指令.js

(function(angular) {
  var app;
  app = angular.module("App");
  return app.directive("leaflet", function() {
    return {
      restrict: "E",
      replace: true,
      transclude: true,
      template: "<section id='map' class='map'></section>",
      scope: {
        origin: "=origin"
      },
      controller: function($scope, $attrs) {
        return $scope.$watch("origin", (function(newValue, oldValue) {
          return alert("its changed");
        }), true);
      }
    };
  });
})(angular);

主页.html

<button ng-click="clicked()">hello</button>

我怎样才能让它工作？

编辑：我刚刚制作了这个纯 JS 而不是咖啡脚本。

4

1 回答 1

1

感谢所有帮助我找到问题的人。

这可以通过设置

<button ng-click="clicked()">hello</button>

至

<button ng-click="$parent.clicked()">hello</button>

这是因为 ng-view 将是一个孩子。这个简单的修复程序现在正在工作。

于 2013-03-09T11:46:42.640 回答