📝 AngularJS教程
376篇技术文档📅  最后修改于: 2021-05-13 19:34:41        🧑  作者: Mango
我们给出了一个数组,任务是使用AngularJS从数组中删除/删除重复项。方法:方法是使用filter()方法,并且在该方法内部,将返回不重复自身的元素,并且重复项将仅返回一次。因此,将形成唯一的阵列。示例1:在此示例中,字符‘g’和’b’从原始数组中删除。HTMLHTML输出:示例2:本示例进行区分大小写的比较,因此像’gfg’和’GFG’这样的元素将不被视为重复项。的HTML输出:...
📅  最后修改于: 2021-05-13 19:35:04        🧑  作者: Mango
AngularJS在客户端执行表单验证。 AngularJS监视表单和输入字段(输入,文本区域,选择)的状态,并通知用户当前状态。 AngularJS还保存有关是否已触摸,修改输入字段的信息。表单输入字段具有以下状态:$ untouched:显示该字段尚未被触摸。$ touched:显示该字段已被触摸。$ pristine:表示该字段尚未被修改。$ dirty:说明该字段已被修改。$ invali...
📅  最后修改于: 2021-05-13 19:35:37        🧑  作者: Mango
隐藏或显示表中特定记录的方式类似于隐藏或显示DOM中任何元素的方式。想到的基本和第一件事是ng-show和ng-hide指令,它们根据绑定到它们的表达式的二进制结果分别显示或隐藏。另一种方法可以是使用ng-if在一般编程中像if块一样工作。如果表达式为true,则该元素可见或不可见。可以通过ng-click命令轻松地控制此操作,该命令可用于调用函数或运行一段操作布尔表达式中存在的实体的代码。方法1...
📅  最后修改于: 2021-05-13 19:36:03        🧑  作者: Mango
UI-Router:UI-Router是客户端路由器。它是为单页Web应用程序而设计的。当用户浏览单页应用程序时,客户端路由器会更新浏览器URL。AngularJS允许您在不同阶段更改页面标题让我们看看如何更改标题在我们的$ state中使用resolve函数来告诉标题在我们的模块.run中使用$ rootScope。$ on(…)函数通过更新控制器中的标题,适用于动态页面标题,例如博客文章等。这...
📅  最后修改于: 2021-05-13 19:36:35        🧑  作者: Mango
可以使用下面提到的指令添加AngularJS中的事件:ng-mousemove:鼠标移动导致事件的执行。ng-mouseup:鼠标向上移动将导致事件的执行。ng-mousedown:鼠标向下移动会导致事件的执行。ng-mouseenter:单击鼠标按钮将导致事件的执行。ng-mouseover:鼠标悬停会导致事件的执行。ng-cut:剪切操作导致事件的执行。ng-copy:复制操作导致事件的执行。...
📅  最后修改于: 2021-05-13 19:37:01        🧑  作者: Mango
AngularJS中的ng-open指令用于指定指定HTML元素的open属性。如果ng-open指令中的表达式返回true,则将显示详细信息,否则将被隐藏。句法:示例:此示例使用ng-open指令打开元素的属性。输出:单击元素之前:单击元素后:...
📅  最后修改于: 2021-05-13 19:37:30        🧑  作者: Mango
任务是确定AngularJS中的活动路线。方法:要确定在AngularJS中哪个时刻是活动路径,可以使用$ on()和$ location.path()方法来实现。可以通过使用$ on()方法编写事件处理程序来处理事件。 $ routeChangeStart是一个事件,该事件在启动路由更改时触发,由$ rootScope。$ on()处理。因此,以这种方式,每当路由更改启动时,它就会触发由$ on...
📅  最后修改于: 2021-05-13 19:38:06        🧑  作者: Mango
当HTML元素失去焦点时,将触发AngularJS中的ng-blur指令。它不会用元素原始onblur事件覆盖,即ng-blur表达式和原始onblur事件都将执行。句法:其中表达式是指变量或要求值的表达式。注意:<input>,<a>,<select>和<textarea>支持ng-blur指令。示例1:本示例在输入焦点对准时显示文本消息“在此处输入文本”,而在输入焦点消失时将其隐藏。输出:重点...
📅  最后修改于: 2021-05-13 19:38:41        🧑  作者: Mango
AngluarJS中的ng-click指令用于单击元素时应用自定义行为。它可以用于显示/隐藏某些元素,也可以在单击按钮时弹出警报。句法:示例1:本示例使用ng-click指令在单击元素后显示警报消息。输出:在单击按钮之前:单击按钮后:示例2:本示例使用ng-click指令在单击元素后显示一些内容。输出:在单击按钮之前:单击按钮后:...
📅  最后修改于: 2021-05-13 19:39:23        🧑  作者: Mango
传统上,应用程序是多页面应用程序(MPA),每次单击都会从服务器加载新页面。这不仅浪费时间,而且增加了服务器负载,并使网站变慢。 AngularJS是基于JavaScript的前端Web框架,基于双向UI数据绑定,用于设计单页应用程序。单页面应用程序是加载单个HTML页面的Web应用程序,每次单击鼠标都会更新页面的一部分而不是整个页面。在此过程中,该页面不会重新加载或将控制权转移到另一个页面。这样...
📅  最后修改于: 2021-05-13 19:40:25        🧑  作者: Mango
有多种部署Angular Application的方法,例如Github Pages,Heroku,Firebase等。Github提供了使用Github Pages的所有方法中最简单的方法。创建示例Angular应用程序并将其部署到Github页面的步骤:安装Node.js:一种。视窗b。的Linux安装Angular – CLI使用Angular CLI创建新项目:上面的命令将询问各种有关布线...
📅  最后修改于: 2021-05-13 19:40:52        🧑  作者: Mango
AngularJS支持客户端表单验证。 AngularJS跟踪所有表单和输入字段,并且还存储有关是否有人触摸或修改过该字段的信息。让我们看看用于表单验证的两个不同的类ng-dirty和ng-pristineng-pristine:ng-pristine类告诉用户该表单尚未被修改。如果用户尚未修改表单,则返回true。返回类型:返回布尔值如果用户未修改表单/输入字段,则返回True,否则返回Fals...
📅  最后修改于: 2021-05-13 19:41:13        🧑  作者: Mango
在AngularJS中,为了隐藏或显示数据或内容,我们可以使用* ngIf结构指令。通过使用它,我们可以评估条件,然后基于条件的* ngIf将显示内容。例如,如果* ngIf的条件为true,则将显示内容,如果条件为false,则将不显示内容。方法:为了给出清晰和详尽的视图,我将通过一个示例来解释该概念。考虑我们在.ts文件中有一个对象数组,并且该数组中的对象包含技术公司和非技术公司的列表。此实验...
📅  最后修改于: 2021-05-13 19:41:42        🧑  作者: Mango
AngularJs中的json过滤器用于将JavaScript对象转换为JSON。我们正在使用的字符串.JavaScript对象可以是任何类型的JavaScript对象。句法:其中json用于指定对象应以JSON格式显示,而interval是一个可选参数,默认值为2,用于指定每个缩进的空格数。范例1:本示例将以JSON显示学生的成绩输出 :范例2:本示例将以JSON显示水果名称,每个缩进包含10个...
📅  最后修改于: 2021-05-13 19:42:05        🧑  作者: Mango
Protractor是为Angular和AngularJS应用程序开发的端到端测试框架。它以真实用户的身份在真实浏览器中运行时,对与之交互的应用程序进行测试。在本文中,我们将创建一个基本测试。先决条件:Protractor的安装和设置方法:我们将创建一个基本的测试程序,在该程序中,我们将检查Angular Web应用程序的标题是否正确。所有Protractor测试都将包含一个包含配置的文件,这将是...