javascript - ng-click 在 ionic 应用程序中没有做任何事情

Question

所以我正在用我的 Uni 组创建一个 ionic 应用程序，我需要创建一个选项卡来显示来自 json 文件的信息。 因此，一旦我创建了页面，我就可以单击一个链接以在我进行时使用开发 View 检查它，但我需要一种访问该页面的方法。 我希望这段代码中的这个 div 打开我将来创建的这个选项卡/页面，目前它应该只是打开一个提示，但它不执行任何操作。

</ion-header-bar>
<ion-content>
    <ion-list class="eventList">
        <div on-tap="noise()">
        <ion-item>
            <a class="item item-thumbnail-left" href="#">
                <img src="img/ionic.png" class="eImage"/>
                <h2 class="eTitle">CLICK ME!</h2>
                <p class="eDateTime">23/07/17, 12:30pm</p>
                <p class="eDesc">Here there will be a brief description of the event.</p>
            </a>
        </ion-item>
        </div>

如果我们查看 app.js 文件，我们可以看到我已经链接了 Controller

 .state('tab.home', {
            url: '/home',
            controller: "AppCtrl",
            views: {
                'tab-home': {
                    templateUrl: 'templates/tab-home.html'
                }
            }
        })

如果我们查看 index.html 文件，我们可以看到我已经链接了脚本的位置

    <script src="js/app.js"></script>
    <script src="js/controllers.js"></script>

如果我们查看 Controller.js，我们可以看到提示代码

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

App.controller("AppCtrl", ["$scope", "$log", AppCtrl]);

function AppCtrl($scope, $log) {
    $scope.noise = function() {
        alert("Button pressed");
    }
};

我是 ionic 应用程序的新手，我已经觉得问这个问题太愚蠢了，但我该如何实现呢？我的 google fu 显然不足，但需要知道正确的搜索词才能找到他们实际上正在搜索的词。

Answer 1

有 controller: "AppCtrl", 在状态级别选项不会被考虑(意味着 controller & templateUrl 将被忽略如果你在状态中提到了 views 选项)，因为你要特别提到 controller & templateUrl 来自 views 州的一部分。

代码

views: {
    'tab-home': {
        templateUrl: 'templates/tab-home.html',
        controller: "AppCtrl" //shifted controller to here
    }
}

Similar answer here