angularjs-directive 相关问题

AngularJS指令是一种通过扩展HTML词汇表来教授HTML新技巧的方法。指令允许您以声明模式管理DOM元素,从而使您免于低级DOM操作任务。

Angular 中如何实现国际化?

如何在 Angular 中实现国际化,特别是货币符号?我想根据本地化加载货币。 我在登录页面有类似这样的内容: 英语-英国

回答 1 投票 0

Webpack 模块解析失败:Angular 和 Swiper 出现意外字符“@”

我目前正在开发一个 ionic(角度)项目,并尝试包含用于滑动元素的 Swiper(版本 11.1.0)。但是,我遇到以下编译错误: ./node_modules/s...

回答 1 投票 0

Angular 为多个选定选项编写通用函数

您能否建议如何按事件选择两个选项的通用功能 $scope.selectionOpt = 函数($event){ 警报($事件.目标.值); } < 您能否建议如何按事件选择两个选项的通用功能 $scope.selectionOpt = function($event){ alert($event.target.value); } <form> <select ng-change="selectionOpt($event)"> <option value=""></option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select> <select ng-change="selectionOpt($event)"> <option value=""></option> <option value="asia">Asia</option> <option value="india">India</option> <option value="europe">Europe</option> </select> </form> 我们需要将 ng-model 与 ng-change 一起使用,这样角度就不会出现错误,我们只需传入 ng-model 字段并提醒已传递值! var myApp = angular.module('myApp', []); function AppCtrl($scope, $http) { $scope.dropdown2 = null; $scope.dropdown1 = null; $scope.send = function() { console.log($scope); } $scope.selectionOpt = function(optionValue) { alert(optionValue); } } myApp.controller("AppCtrl", AppCtrl); <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.10/angular.min.js"></script> <div ng-app="myApp"> <div ng-controller="AppCtrl"> <form> <select ng-model="dropdown1" ng-change="selectionOpt(dropdown1)"> <option value=""></option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select> <select ng-model="dropdown2" ng-change="selectionOpt(dropdown2)"> <option value=""></option> <option value="asia">Asia</option> <option value="india">India</option> <option value="europe">Europe</option> </select> </form> <hr/> dropdown1: {{dropdown1}}<br/> dropdown2: {{dropdown2}} </div> </div>

回答 1 投票 0

为什么 AngularJS 形式的 ng-pristine 类总是返回 true

为什么 AngularJS 形式的 ng-pristine 类总是返回 true。 在输入字段中输入一个值并单击按钮,它不会返回 false,而是返回 true。 测试.html 为什么 AngularJS 形式的 ng-pristine 类总是返回 true。 在输入字段中输入一个值并单击按钮,它不会返回 false,而是返回 true。 测试.html <div ng-app="myModule"> <div ng-controller="myController"> <form name="myForm" ng-submit="su()"> <input name="input1" type="text"> <button id="button1" type="submit" >>>>>></button> </form> myForm.$pristine : {{results}} </div> </div> 测试.js var module = angular.module("myModule", []); module.controller("myController", function($scope) { $scope.su = su; $scope.results = "default"; function su() { $scope.results = $scope.myForm.$pristine; } }); 我们需要给表单元素添加 ng-model 属性,这样 pristine 和 dirty 都会更新,之后就可以正常工作了。 Pristine 定义如下 原始: ng-pristine 类表明表单尚未被用户修改。如果用户未修改表单,则返回 true。返回类型:如果用户未修改表单/输入字段,则返回 Boolean True,否则返回 False。 原始肮脏物品 下面的工作示例! var module = angular.module("myModule", []); module.controller("myController", function($scope) { $scope.su = su; $scope.results = "default"; function su() { $scope.results = $scope.myForm.$pristine; } }); <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.10/angular.min.js"></script> <div ng-app="myModule"> <div ng-controller="myController"> <form name="myForm" ng-submit="su()"> <input name="input1" type="text" ng-model="input1"> <div class="info" ng-show="myForm.input1.$pristine"> Now Pristine </div> <div class="error" ng-show="myForm.input1.$dirty"> Now Dirty </div> <button id="button1" type="submit" >>>>>></button> </form> myForm.$pristine : {{myForm.$pristine}} </div> </div>

回答 1 投票 0

AngularJS:根据用户是否获得授权来保护 AngularJS 路由?

我刚刚开始使用我正在开发的 AngularJS 应用程序,一切都很顺利,但我需要一种保护路线的方法,以便用户不会被允许访问该路线,如果不...

回答 2 投票 0

“Hash: fec054139de85795”在 ngserve 中有什么用?

在此附上 ng 服务响应以供参考: 惰性块文件 |姓名 |原始尺寸 src_app_features_main-

回答 1 投票 0

如果为 false 或 null/未定义,则 angularjs 选择元素

我有下面的代码,但如果 s.x.user_chose_is_formula 为 false、null 或未定义(全部在一个选项中),我希望选择“否”。我怎么做? md-输入-container.values-

回答 1 投票 0

在 Angular 中与 *ngFor 一起使用时 Flowbite 下拉列表不起作用

在 Angular 中与 *ngFor 一起使用时,Flowbite 下拉列表不起作用。我尝试将动态且唯一的 id 传递给这些项目,但仍然不起作用: 按钮编号 按钮数据下拉切换 下拉菜单...

回答 1 投票 0

下拉列表中的角度数据第二次未设置

我的 Angular 发生了一些奇怪的事情。 我有一个带有编辑按钮的详细信息视图。当我按下编辑按钮时,我将对象传递到编辑视图。在编辑表单上有一些下拉框...

回答 1 投票 0

类型'typeof import("e:/project/myApp/myApp/node_modules/@angular/core/core") [(ngModel)] 类型上不存在属性'ɵunwrapWritableSignal' 错误

类型“typeof import("e:/project/eCeiling/e-ceiling/node_modules/@angular/core/core”)上不存在属性“ɵunwrapWritableSignal” [(ngModel)] 显示错误 我已经导入表格了...

回答 1 投票 0

@Input() 未渲染/接收最新传递的值

我正在开发一个角度应用程序,我试图使用 @Input() 装饰器将值从父组件传递到子组件。然而,该值仍然呈现旧的/初始的...

回答 1 投票 0

ng-class 和 ng-style 有什么区别?

ng-class和ng-style似乎都是动态设置CSS类的方法。他们有什么区别?

回答 5 投票 0

如何动态删除 ng-stepper 级别的错误?

我试图使用这个有角度的 HTML 但是

回答 1 投票 0

错误 NG5002:解析器错误:意外的标记 ===

嗨,我们在 Angular 中遇到了一个问题。如果我们使用微前端运行 Angular 16 项目,那么我们会显示此错误“错误 NG5002:解析器错误:意外的令牌 = = =”。 请提供您的

回答 1 投票 0

Angular 指令修改范围,但在 setTimeout 之后不修改

//javascript var a = angular.module('minimalReproApp', [ ]) a.controller('MainCtrl', function($scope) { $范围.fileData = {} $scope.fileData.xmlData = "ControllerScope"; }).

回答 2 投票 0

如何使用 Angular JS 双击按钮执行操作

使用这个我正在检查右键单击我的按钮如何检查双击我的按钮 ` app.directive('rightClick', function ($parse, $mdMenu) { 返回函数(范围、元素...

回答 1 投票 0

具有多个输入的角度结构指令在首次加载组件期间没有任何价值

我创建了一个采用多个值的结构化指令。我遇到的问题是我添加的第二个参数没有在 accessControllRole @Input 中考虑。但是...

回答 1 投票 0

如何用以前的值填充下拉列表?

我们有一个下拉列表,其中有 3 个值,现在删除了其中一个值,因此现在留下两个值供用户选择。但是,如果用户在下拉列表中搜索具有该值的项目

回答 1 投票 0

如何在角度11中的navigateByUrl()中传递和使用额外内容?

我正在使用navigateByUrl方法传递数据,并希望在目标组件ngOnInit()内访问它。 this._router.navigateByUrl(${baseUrl}?${previousFilter}, { state: {from:'details-page'} ...

回答 1 投票 0

平滑折叠/展开的角度动画 *ngIf 内容可变高度

我想创建一个 Angular 动画,当从 DOM 添加/删除容器的内容时,该动画可以平滑地展开/折叠容器。 (如果内容永远不会离开,这是一个简单的 CSS 修复...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.