javascript在使用Angular JS调用HTML文件中的函数时遇到问题

9 月 Questions & Answers 64

我对AngularJS很陌生。我现在想做点简单的事。我创建了一个表格，其中包含一些我必须搜索的文本、一个重置按钮（在我的程序中称为“Pulisci”）和一些我以后必须使用的面板。问题是，如果我调用为重置页面而创建的函数，面板会神秘地停止工作。从上周开始我就一直在搞这个

HTML

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

<head>
    <link rel="stylesheet" type="text/css" href="bootstrap.min.css">
    <style>
        table,
        td {
            border-width: 2px;
            border-collapse: collapse;
            padding: 15px;
            color: #000000;
            text-align: center;
        }

        table.pos_fixed1 {
            position: relative;
            top: 30px;
            left: 10px;
        }
    </style>
</head>

<body>
    <form name="form">
        <table summary="" width="10%" class="pos_fixed1" align="center">
            <tr>
                <td>Code Subinstaller<br><input name="codeSub" type="text" ng-model="codeSub"></td>
                <td>Stato<br>
                    <select>
                    <option value="1">...</option>
                    <option value="2">WHITE LIST</option>
                    <option value="3">GRAY LIST</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td>Nome Sub Installer<input name="nomeSub" type="text" ng-model="nomeSub"></td>
                <td>Cognome Sub Installer<input name="cognSub" type="text" ng-model="cognSub"></td>
                <td>Codice Fiscale<input name="codFisc" type="text" ng- model="codFisc"> </td>
            </tr>
        </table><br>
        <button class="btn btn-wide btn-default.active.focus" data-ng- click="">Cerca</button>
        <button class="btn btn-wide btn-default.active.focus" data-ng- click="reset()">Pulisci</button>
    </form><br><br>
    <section ng-controller="PanelController as panel">
        <ul class="nav nav-pills">
            <li ng-class="{ active:panel.isSelected(1) }"> <a href ng- click="panel.selectTab(1)">Description</a></li>
            <li ng-class="{ active:panel.isSelected(2) }"> <a href ng- click="panel.selectTab(2)">Specifications</a></li>
            <li ng-class="{ active:panel.isSelected(3) }"> <a href ng- click="panel.selectTab(3)">Reviews</a></li>
        </ul>

        <div class="panel" ng-show="panel.isSelected(1)">
            <h4>Description </h4>
            <p>wtf</p>
        </div>
        <div class="panel" ng-show="panel.isSelected(2)">
            <h4>Idk</h4>
            <p>Idc</p>
        </div>
        <div class="panel" ng-show="panel.isSelected(3)">
            <h4>APPARI</h4>
            <p>???</p>
        </div>
    </section>
    <script type="text/javascript" src="angular.min.js"></script>
    <script type="text/javascript" src="myapp.js"></script>
</body>

</html>

(function() {
    var app = angular.module('sbi', []);
    app.controller('PanelController', function() {
        this.tab = 1;
        this.selectTab = function(setTab) {
            this.tab = setTab;
        };
        this.isSelected = function(checkTab) {
            return this.tab === checkTab;
        };
    });
})();

(function($scope) {
    var app = angular.module('sbi', []);

    function MyCtrl($scope) {
        $scope.reset = function() {
            $scope.requiredField = '';
        };
    };
});

如何使重置（）和面板同时工作

Python中文网

有 Java 编程相关的问题?

javascript在使用Angular JS调用HTML文件中的函数时遇到问题

共 (0) 个答案