angularjs-directive 相关问题

如何将指令restrict='A'附加到现有元素

在使用 ng-repeat 渲染后，需要将仅限于“A”（属性）的自定义指令附加到其他指令的某些实例（例如第二个实例）。 需要将一个仅限于“A”（属性）的自定义指令附加到其他指令的某些实例（例如第二个指令）在使用 ng-repeat 渲染后。 <some-directive ng-repeat="item in vm.items"></some-directive> “A”指令源自 uib-popover，但我认为纯 uib-popover 的解决方案也适用。另外，如果稍后能够安全地删除附加的弹出窗口，那就太好了。 有什么建议如何实施吗？ 你可以这样做:: 创建优先级高于ng-repeat优先级....的自定义指令 ng-repeat 具有 1000 优先级。 angular.module('x').directive('customDir', function() { return { priority: 1001, // as ng-repeat has priority level 1000 restrict: 'A', compile: function () { return function () {...} } } }) 用途:: <some-directive ng-repeat="item in vm.items" custom-dir ></some-directive>

ui-select 仅过滤一个字段

我正在开发一个 AngularJS 应用程序，我正在使用 ui-select 来允许用户选择多个角色和选项卡。过滤对于选项卡来说完美无缺，但由于某种原因，它对选项卡不起作用...

有没有办法以角度方式将一个 ng 模板传递到另一个 ng 模板？

我遇到了无法以角度传递嵌套 ng-container 的问题。 这不是确切的问题，但总的来说是我遇到的问题。 父组件.ts @成分（{ 选择...

错误 NG0303 无法绑定到 '*ngIf'，因为它不是 'nav' 的已知属性 - Angular 18

我正在 Angular 18 中创建一个项目。目前，我只在前端工作，但我需要创建一个“测试”登录。我遇到的问题是导航栏显示在我的“登录...

如果我在 Angular.js 中使用面包屑，如何在导航中应用活动类

我正在学习 Angular.js。 我正在使用具有如下导航功能的应用程序： 我正在学习 Angular.js。 我正在使用具有如下导航功能的应用程序： <ul class="nav navbar-nav"> <li ui-sref-active="active"><a ui-sref="dashboard.view">Dashboard</a></li> <li ui-sref-active="active"><a ui-sref="aboutus">About</a></li> <li ui-sref-active="active"><a ui-sref="contactus">Contact</a></li> </ul> 现在我的面包屑是： 首页 > 关于 > Carrer 我的网址是myxyz.com/#/aboutus/carrer。 活动类不适用于“关于”，但如果我单击“关于”页面，则会添加活动类。 我需要编写什么代码？ 我在你的案例中所做的是我在控制器内创建了一个具有几个依赖项的函数，然后使用ng-class， storeApp.controller('MyCtrl', function($scope, $location, $http) { $scope.isActive = function(route) { return route === $location.path(); } 然后在我的导航中使用它。 <ul class="nav navbar-nav" ng-controller="MyCtrl"> <li class="hvr-underline-from-left"> <a ng-class="{activeClass:isActive('/store')}" href="#/store">SHOP</a> </li> <li class="hvr-underline-from-left"> <a ng-class="{activeClass:isActive('/category/0/0')}" href="#/category/0/0">COLLECTIONS</a> </li> </ul> 在此示例中，请确保您已声明 activeClass 或您想要在 CSS 中使用的类名称

如何复制ag-grid中存在的值

我正在使用 ag-grid 绑定列表中的值，是否可以复制所选单元格中的值/数据。我尝试使用 ctrl+c 复制该值，但它不起作用还有其他方法吗？ 普...

子组件中的数据未显示在父组件中

我有一个 json 文件，然后创建一个卡片组件，其中将显示该数据，然后创建一个父组件和模板，我想在其中迭代数据并生成多个

子组件是否会在 Angular 中重新渲染或重新初始化？

我是 Angular(14) 的新手，我面临一个问题。当我更新父组件的属性（这是一个数组）时，子组件会重新初始化（ngOnInit 函数正在运行）。 面对这个...

如何将base64格式转换为角度中的word文档预览[关闭]

在 Angular 中我们有图书馆吗？ 我正在寻找一些例子，但没有找到。 我找到了一个库 ngx-doc-viewer 它有一个 url，但我有 base64，我需要将其转换为 word

Angular 保存导航操作符未按预期工作

我遇到了安全导航操作员（？）未按预期工作的问题。 任务={ title: '审查申请', 受让人：空 }; 测试 = this.task.assignee?.name; 产品...

收到错误错误：“BsDropdownDirective”既不是“ComponentType”也不是“DirectiveType”

我在我的 HTML 中使用 Angular 9 和 NgX [email protected]，如下所示：- 我在我的 HTML 中使用 Angular 9 和 NgX [电子邮件受保护]，如下所示：- <div class="btn-group" dropdown> <button id="button-basic" dropdownToggle type="button" class="btn btn-primary dropdown-toggle" aria-controls="dropdown-basic"> Button dropdown <span class="caret"></span> </button> <ul id="dropdown-basic" *dropdownMenu class="dropdown-menu" role="menu" aria-labelledby="button-basic"> <li role="menuitem"><a class="dropdown-item" href="#">Action</a></li> <li role="menuitem"><a class="dropdown-item" href="#">Another action</a></li> <li role="menuitem"><a class="dropdown-item" href="#">Something else here</a></li> <li class="divider dropdown-divider"></li> <li role="menuitem"><a class="dropdown-item" href="#">Separated link</a> </li> </ul> </div> 在我的 ts 文件中，我有这样的 import { Component } from '@angular/core'; @Component({ selector: 'demo-dropdown-basic', templateUrl: './basic.html', providers: [ { provide: BsDropdownConfig, useValue: { isAnimated: true, autoClose: true }, }, ], }) export class DemoDropdownBasicComponent {} 当我运行代码时，出现以下错误：- core.js:6241 ERROR Error: 'BsDropdownDirective' is neither 'ComponentType' or 'DirectiveType'. at extractDirectiveDef (core.js:1964) at Array.map (<anonymous>) at def.directiveDefs (core.js:1926) at createTView (core.js:12307) at getOrCreateTComponentView (core.js:12252) at addComponentLogic (core.js:13224) at instantiateAllDirectives (core.js:12994) at createDirectivesInstances (core.js:12209) at ɵɵelementStart (core.js:21302) 你需要定义BsDropdownConfig import { Component } from '@angular/core'; import { BsDropdownConfig } from 'ngx-bootstrap/dropdown'; // add this line @Component({ selector: 'demo-dropdown-basic', templateUrl: './basic.html', providers: [{ provide: BsDropdownConfig, useValue: { isAnimated: true, autoClose: true } }] }) export class DemoDropdownBasicComponent {} 我遇到了问题，上面的 div 中缺少 dropdown 指令

如何使用@if @else

嗨，我正在尝试将我的代码指令从 Angular 16 转换为 Angular 17，但我无法了解如何在 Angular 17 中进行引用，以便对于其他两个指令，它将引用相同的 ng-template <...

从角度微前端一个项目到另一个项目的数据/令牌共享问题

嗨，我将数据共享/令牌共享固定在角度独立微前端的另一个项目中。请提供您的建议。数据将被第二次获取。没有得到初始时间。 发送...

Angular 中如何实现国际化？

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

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

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

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>

为什么 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>

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

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

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

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

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

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