html - 根据搜索框中的值过滤表格行

Question

我的申请包括以下内容:

我的导航栏与搜索框放在一起的一个索引 View ，它有一个导航 Controller 。 两个 html 页面放置在具有 2 个不同 Controller 的 ngview 元素中。 客户 Controller 和联系人 Controller 。 Theese 2 页面有从服务获取数据的表。

我如何将值从 navbarcontroller 传递到其他 2 个 Controller 以过滤我的表格？ Ng-View 没有嵌套在 navController 范围内。

这是我的路线。

app.config(function ($routeProvider) {
$routeProvider
    .when("/Customers", {
        templateUrl: "app/customers-list.html",
        controller: "customerController"
    })
    .when("/Contacts", {
        templateUrl: "app/contacts-list.html",
        controller: "contactController"
    })
    .when("/Prospects", {
        templateUrl: "app/saleprospect-list.html",
        controller: "prospectController"
    })
    .when("/Prospects/add", {
        templateUrl: "app/salesprospect-add.html",
        controller: "addController"
    })
    .when("/Prospects/:index", {
        templateUrl: "app/salesprospect-add.html",
        controller: "editController"
    })
    .otherwise({
        redirectTo: "/Customers"
    })

});

Answer 1

您可以使用 angularjs 自定义事件将信息从一个地方传递到另一个地方。

如该链接所示:

How do I create a custom event in an AngularJs service

Working with $scope.$emit and $scope.$on

您可以通过这些事件传递数据，这些事件可以被监听它们的函数使用。