Question

我正在处理一个项目，并希望在用户点击输入部分时弹出一个警告框。但是，我遇到了问题。有什么建议吗？

我的html / AngularJS代码：

<li ng-click="showCustomerList()" class="clickable">
    <label>Customer Info</label>
    <input readonly = "readonly" ng-class = "{editing: ShowCustomerList.isOpen()}" placeholder = "text" value = "{{getCustomerName}}"/>
</li>

我的JavaScript / AngularJS代码：

$scope.showCustomerList = function () {
    alert("This is the popup!");
};

Answer 1

我猜你错过了ng-app指令或将其放在head标签内。尝试将其放在 html 标记或正文标记内。

HTML：

<body ng-app="TestApp">
    <div  ng-controller="MyController">   
        <ul>
            <li ng-click="alertMe()"  class="clickable">Click me</li>
        </ul>
    </div>
</body>

myjs.js

var myModule = angular.module("TestApp", []);
myModule.controller("MyController", function($scope){
    $scope.alertMe = function(){
        alert("Hello Everyone");
    };
});

jsFiddle

Answer 2

应该可以正常工作。看看 here 。

Answer 3

尝试将ng-click指令添加到锚元素：

<input readonly="readonly" ng-class="{editing: ShowCustomerList.isOpen()}" placeholder="text" value="{{getCustomerName}}"/>

<a href="" ng-click="showCustomerList()">Click Me</a>

在AngularJS和JavaScript中创建带警报的弹出窗口

3 个答案: