Question

所以我正在用我的Uni组创建一个离子应用程序，我需要创建一个显示来自json文件的信息的选项卡。因此，一旦我创建了页面，我可以单击链接以使用开发视图检查它，因为我进展但我需要一种方法来访问页面。我想在这段代码中打开这个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文件，我们可以看到我已经链接了控制器

 .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");
    }
};

我对离子应用程序非常陌生，我已经因为提出这个问题而感到愚蠢，但我怎么能实现这个目标呢？我的google fu显然缺乏，但需要知道正确的搜索条件才能找到他们实际搜索的术语。

Answer 1

状态级选项controller: "AppCtrl",不会得到考虑（如果您在状态中提到controller选项，则会忽略templateUrl＆amp; views，你特别提到controller＆amp; templateUrl来自州views部分。

<强>代码

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

Similar answer here

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

1 个答案: