使用AngularJS和JavaScript创建带有警报的弹出窗口
我正在处理一个项目,希望在用户单击输入部分时弹出一个警报框。然而,我有一些问题。有什么建议吗 我的html/AngularJS代码:使用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
<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。谢谢您的帮助!谢谢你的帮助!