Ng-click góc với lệnh gọi đến một chức năng điều khiển không hoạt động

Question 1

Tôi cần chuyển một biến cho một bộ điều khiển khác. Tôi có mã sau liên quan đến ListCtrl:

<a href="#items" data-router="article" ng-click="changeListName('metro')">

Liên kết sẽ đến một bộ điều khiển khác, ItemCtrl.

Tôi muốn chuyển một biến cho ItemCtrl. Tôi đã nghĩ đến việc sử dụng một dịch vụ có tên là SharedProperties:

service('sharedProperties', function () {
    var list_name = '';

    return {
        getListName: function() {
            return list_name;
        },
        setListName: function(name) {
            list_name = name;
        }
    };
});

Khi liên kết được nhấp, tôi gọi sự kiện nhấp chuột theo góc để kích hoạt chức năng sau:

$scope.changeListName = function(name) {
    sharedProperties.setListName(name);
};

Tuy nhiên, ng-click dường như không thay đổi giá trị tài sản chung của tôi ...

CẬP NHẬT

Tôi đặt một cảnh báo bên trong chức năng được kích hoạt bởi ng-click và cảnh báo được kích hoạt, đúng như vậy.

Tuy nhiên, khi tôi viết hàm của mình như thế này:

$scope.changeListName = function(name) {
    sharedProperties.setListName(name);
};

Nó không hoạt động ... có vẻ như 'sharedProperties.setListName (name);' không được thực thi ...

Nếu tôi đặt nó bên ngoài hàm với một tên giả (ví dụ: metro), nó hoạt động ..

CẬP NHẬT 3

Tôi đã thử nhiều thứ và tôi khá tự tin rằng vấn đề là với chức năng này:

$scope.changeListName = function(list_name) {
    sharedProperties.setListName(list_name);
};

Bạn có biết tại sao điều này lại xảy ra không?

Question 2

Bạn có thể nên sử dụng chỉ thị ngHref cùng với ngClick:

 <a ng-href='#here' ng-click='go()' >click me</a>

Đây là một ví dụ: http://plnkr.co/edit/FSH0tP0YBFeGwjIhKBSx?p=preview

<body ng-controller="MainCtrl">
    <p>Hello {{name}}!</p>
    {{msg}}
    <a ng-href='#here' ng-click='go()' >click me</a>
    <div style='height:1000px'>

      <a id='here'></a>

    </div>
     <h1>here</h1>
  </body>

var app = angular.module('plunker', []);

app.controller('MainCtrl', function($scope) {
  $scope.name = 'World';

  $scope.go = function() {

    $scope.msg = 'clicked';
  }
});

Tôi không biết liệu điều này có hoạt động với thư viện bạn đang sử dụng hay không nhưng ít nhất nó sẽ cho phép bạn liên kết và sử dụng chức năng ngClick.

** Cập nhật **

Đây là bản demo của bộ và hoạt động tốt với một dịch vụ.

http://plnkr.co/edit/FSH0tP0YBFeGwjIhKBSx?p=preview

var app = angular.module('plunker', []);

app.controller('MainCtrl', function($scope, sharedProperties) {
  $scope.name = 'World';

  $scope.go = function(item) {
    sharedProperties.setListName(item);


  }

  $scope.getItem = function() {

    $scope.msg = sharedProperties.getListName();
  }
});

app.service('sharedProperties', function () {
    var list_name = '';

    return {

        getListName: function() {
            return list_name;
        },
        setListName: function(name) {
            list_name = name;
        }
    };


});

* Biên tập *

Vui lòng xem lại https://github.com/centralway/lungo-angular-bridge nói về cách sử dụng lungo và angle. Cũng lưu ý rằng nếu trang của bạn đang tải lại hoàn toàn khi duyệt đến một liên kết khác, bạn sẽ cần duy trì các thuộc tính được chia sẻ của mình vào localstorage và / hoặc cookie.

Question 3

Sử dụng bí danh khi xác định Bộ điều khiển trong cấu hình góc của bạn. Ví dụ: LƯU Ý: Tôi đang sử dụng TypeScript ở đây

Chỉ cần lưu ý đến Bộ điều khiển, nó có bí danh là homeCtrl.

module MongoAngular {
    var app = angular.module('mongoAngular', ['ngResource', 'ngRoute','restangular']);

    app.config([
        '$routeProvider', ($routeProvider: ng.route.IRouteProvider) => {
            $routeProvider
                .when('/Home', {
                    templateUrl: '/PartialViews/Home/home.html',
                    controller: 'HomeController as homeCtrl'
                })
                .otherwise({ redirectTo: '/Home' });
        }])
        .config(['RestangularProvider', (restangularProvider: restangular.IProvider) => {
        restangularProvider.setBaseUrl('/api');
    }]);
}

Và đây là cách để sử dụng nó ...

ng-click="homeCtrl.addCustomer(customer)"

Hãy thử nó .. Nó có thể hiệu quả với bạn cũng như nó hiệu quả với tôi ...;)

Question 4

Tôi đoán rằng bạn không nhận được lỗi hoặc bạn sẽ đề cập đến chúng. Nếu đúng như vậy, hãy thử xóa hrefgiá trị thuộc tính để trang không điều hướng đi trước khi mã của bạn được thực thi. Trong Angular, việc để hreftrống các thuộc tính là hoàn toàn có thể chấp nhận được .

<a href="" data-router="article" ng-click="changeListName('metro')">

Ngoài ra, tôi không biết những gì data-routerđang làm nhưng nếu bạn vẫn không nhận được kết quả thích hợp, đó có thể là lý do tại sao.