Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/379.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用AngularJS和JavaScript创建带有警报的弹出窗口_Javascript_Jquery_Html_Angularjs - Fatal编程技术网

使用AngularJS和JavaScript创建带有警报的弹出窗口

使用AngularJS和JavaScript创建带有警报的弹出窗口,javascript,jquery,html,angularjs,Javascript,Jquery,Html,Angularjs,我正在处理一个项目,希望在用户单击输入部分时弹出一个警报框。然而,我有一些问题。有什么建议吗 我的html/AngularJS代码: <li ng-click="showCustomerList()" class="clickable"> <label>Customer Info</label> <input readonly = "readonly" ng-class = "{editing: ShowCustomerList.isOp

我正在处理一个项目,希望在用户单击输入部分时弹出一个警报框。然而,我有一些问题。有什么建议吗

我的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> 
$scope.showCustomerList = function () {
    alert("This is the popup!");
};

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

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

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

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

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

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

它应该可以正常工作。 看一看,它应该可以正常工作。
看一看

我猜您缺少该指令或将其放在head标签中。试着把它放在html标记或body标记中

HTML:

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

我猜您缺少该指令或将其放在head标签中。试着把它放在html标记或body标记中

HTML:

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

出于某种原因,这仍然不起作用。还有其他建议吗?谢谢出于某种原因,这仍然不起作用。还有其他建议吗?谢谢这看起来像是在JSFIDLE中工作的,但由于某些原因,我无法让它在VisualStudio中正确运行。有什么建议吗?对不起,我不熟悉VS。好的,我在其他文本编辑器中也这样做了,它给出了相同的结果:客户信息{{getCustomerName}您应该发布HTML。这看起来在JSFIDLE中可以工作,但由于某些原因,我无法在visual studio中正确运行它。有什么建议吗?对不起,我不熟悉VS。好的,我在其他文本编辑器中也这样做了,它给出了相同的结果:客户信息{{getCustomerName}您应该发布HTML。谢谢您的帮助!谢谢你的帮助!