个人中心
文章发布
退出
作者热门文章
- android - RelativeLayout 背景可绘制重叠内容
- android - 如何链接 cpufeatures lib 以获取 native android 库？
- java - OnItemClickListener 不起作用，但 OnLongItemClickListener 在自定义 ListView 中起作用
- java - Android 文件转字符串
28
4
我想在 AngularJS 中创建一个密码/电子邮件确认指令，但到目前为止我看到的所有指令都依赖于大量 DOM 戳或拉入 jQuery。如果可以的话，我只想依赖 $scope 属性。最好的方法是什么？
最佳答案
在查看了实现此类指令的众多有用方法之后，我想出了如何在不进行 DOM 操作或使用 jQuery 的情况下实现它。这是一个 Plunk that shows how .
它涉及使用:
我希望这对一些人有用。这是要点:
var app = angular.module('app', [], function() {} );
app.directive('match', function($parse) {
return {
require: 'ngModel',
link: function(scope, elem, attrs, ctrl) {
scope.$watch(function() {
return $parse(attrs.match)(scope) === ctrl.$modelValue;
}, function(currentValue) {
ctrl.$setValidity('mismatch', currentValue);
});
}
};
});
app.controller('FormController', function ($scope) {
$scope.fields = {
email: '',
emailConfirm: ''
};
$scope.submit = function() {
alert("Submit!");
};
});
然后，在 HTML 中:
<!DOCTYPE html>
<html ng-app="app">
<head lang="en">
<meta charset="utf-8">
<title>Custom Plunker</title>
<link rel="stylesheet" href="style.css">
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
<script src="app.js"></script>
</head>
<body ng-controller="FormController">
<form name='appForm' ng-submit='submit()'>
<div class="control-group">
<label class="control-label required" for="email">Email</label>
<div class="controls">
<input id="email" name="email" ng-model="fields.email"
class="input-xlarge" required="true" type="text" />
<p class="help-block">user@example.com</p>
</div>
</div>
<div class="control-group">
<label class="control-label required" for="emailConfirm">Confirm Email</label>
<div class="controls">
<input name="emailConfirm" ng-model="fields.emailConfirm"
class="input-xlarge" required="true"
type="text" match="fields.email" />
<div ng-show="appForm.emailConfirm.$error.mismatch">
<span class="msg-error">Email and Confirm Email must match.</span>
</div>
</div>
</div>
<button ng-disabled='appForm.$invalid'>Submit</button>
</form>
</body>
</html>
关于javascript - 在没有 DOM 操作或 jQuery 的情况下，如何在 AngularJS 中制定指令来验证电子邮件或密码确认？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17475595/
28
4
0
我需要帮助制定 SQL 语句。这些表是 视频(video_id，描述，价格，category_id) 类别(category_id，描述) 查询需要生成一个摘要列表，显示属于每个类别的视频数量。未分配
我正在 Angular 1.5 中构建一个应用程序，并且我自己完成所有 CSS 等工作。到目前为止，我一直在通过在所有 html 模板中包含以下代码来处理错误和成功消息 然后我在处理错误/成
这是我在检查器上看到的: 两个规则中有一个左高亮，这是 Firefox 正在编写的规则，如果我查看计算样式，我会看到: 最后这是原始 CSS 的样子: 所以 Firefox 正在以某种方式改变位置和宽
我有两个系统 A 和 B。A 是 TCP Client，向 B 上的 TCP Server 发送消息。 ------------------ --------------
我是安卓新手。我想从 MainActivity.class 接收整数和字符串，并将其打印在 DisplayMessageActivity.class 中。从我在网上找到的所有解决方案中，他们说我应该使
我请求帮助了解如何使用 javax.persistence.criteria 包制定“in”条件。 我正在根据 Contacts 类的搜索条件创建 CriteriaQuery。一个联系人可以属于 0
我正在使用具有浮点坐标的 3D 向量进行计算。有时，我想检查一个向量是否非零。但是，对于 float ，总是有可能出现舍入错误。 Python 中是否有一种标准方法来检查 float 是否足够接近于零
这是一个愚蠢的问题，但我试图通过 Google、代码片段、教程来解决这个问题，所有这些都引导我找到一些示例，其中模型对于我想要执行的编码来说太浅了。 我想开发一个应用程序，其中数据采用 parent
我是一名优秀的程序员,十分优秀！