angularjs-directive 相关问题

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

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

如何使用角度 17 的事件发射器传递数据?

我在 Angular 中有两个组件,一个父组件,一个子组件,我需要使用 @Output 和事件发射器将数据从子组件传递到父组件,但我需要在父模板中使用 ...

回答 1 投票 0

防止 Flexbox 中的 div 通过附加内容改变宽度

嗨,我有这个网页,其中有一个在 Flexbox 中构建的 Angular.js 指令元素列表。 指令元素看起来像这样: 您好,我有这个网页,其中有一个在 Flexbox 中构建的 angular.js 指令元素列表。 指令元素看起来像这样: <div class="variable-input-container" style="width: 100%;"> <div class="var-input" tabindex="0"> <span class="var-input-span" contenteditable="true"></span> </div> <button type="button" class="var-input-btn">[x]</button> </div> 他们有这样的风格: .variable-input-container { display: flex; flex-direction: row; position: relative; } .var-input { flex-grow: 1; white-space: nowrap; overflow: auto; font-size: 14px; height: 34px; border: 1px solid #cfcfcf; } .var-input-span { padding: 6px 12px; padding-left: 14px; width: 100%; display: inline-block; outline: none; overflow: auto; } 现在我的问题是,每当这个指令在没有固定宽度的上下文中使用时,比如弹性盒,就可以向 span 元素添加很多内容,这样它就会变得越来越大(对于 Flexbox 结构,它会围绕 Flexbox 中的所有其他元素移动。)。 不幸的是,我不能只设置固定宽度,因为我需要指令响应各种结构和窗口大小。还有其他方法可以解决这个问题吗? 尝试改变这样的风格, .variable-input-container { display: flex; flex-direction: row; position: relative; } .var-input { flex-grow: 1; white-space: nowrap; overflow: auto; font-size: 14px; height: 34px; border: 1px solid #cfcfcf; } .var-input-span { padding: 6px 12px; padding-left: 14px; width: 100%; max-width: 300px; /* Set a reasonable max-width */ display: inline-block; outline: none; overflow: auto; }

回答 1 投票 0

如何创建一个好的删除方法来使用 Angular 从表中删除一条记录?

我试图创建一个通过 id 删除员工的方法,所以我创建了多个逻辑,除了这个方法之外,所有这些逻辑都在 VS 代码中给了我一个错误。 它在控制台上给我一个错误...

回答 1 投票 0

内部函数的数组长度不同

我制定了一个自定义指令。现在,我从chips-break 属性传递字符串数据,并从link 方法将其转换为数组。它有效,但是当我得到 ng-keydown 内的数组长度时......

回答 1 投票 0

ng-include 不起作用

我使用 AngularJs 创建了一个简单的页面。当我尝试在index.html 中包含header.htm 时,浏览器中没有显示任何内容。 索引.html <p>我使用 AngularJs 创建了一个简单的页面。当我尝试在 index.html 中包含 header.htm 时,浏览器中没有显示任何内容。</p> <p><strong>index.html</strong> </p> <pre><code>&lt;html&gt; &lt;script src=&#34;https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js&#34;&gt; &lt;/script&gt; &lt;body&gt; &lt;div ng-app=&#34;&#34;&gt; &lt;div ng-include=&#34;&#39;views/header.htm&#39;&#34;&gt;&lt;/div&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>标题.htm</p> <pre><code>&lt;h1&gt;Header&lt;/h1&gt; </code></pre> </question> <answer tick="false" vote="0"> <p>您还没有显示您的文件夹结构以及<pre><code>header.html</code></pre>的定义。从下次开始尝试创建<a href="https://stackoverflow.com/help/mcve">MCVE</a>。</p> <p>我创建了一个<a href="http://jsfiddle.net/MfHa6/1860/" rel="nofollow noreferrer"><strong>小提琴</strong></a>来展示它是如何工作的。</p> <pre><code>&lt;div ng-controller=&#34;Ctrl&#34;&gt; &lt;div ng-include =&#34;&#39;header.html&#39;&#34; onload=&#39;myFunction()&#39;&gt;&lt;/div&gt; &lt;/div&gt; &lt;!-- header.html --&gt; &lt;script type=&#34;text/ng-template&#34; id=&#34;header.html&#34;&gt; Content of Header html &lt;/script&gt; function Ctrl($scope) { $scope.myFunction = function() { alert(&#39;header loaded&#39;); } } </code></pre> </answer> <answer tick="false" vote="0"> <p>您请求<pre><code>views/header.htm</code></pre>,因此您的文件结构需要如下所示:</p> <pre><code>- index.html - views - header.htm </code></pre> <p>要在本地测试您的站点,请使用<a href="https://www.npmjs.com/package/http-server" rel="nofollow noreferrer">http-server</a>之类的工具。或者,当您使用基于 Mac 或 Unix 的计算机时,您只需在项目目录中运行 <pre><code>python -m SimpleHTTPServer</code></pre>。</p> </answer> </body></html>

回答 0 投票 0

“SubConstructor”可分配给类型“B”的约束,但“B”可以使用约束“BaseConstructor”的不同子类型进行实例化

我是泛型新手,我做了一个设计,使用泛型来提高代码灵活性。但就我而言,我遇到了一个奇怪的问题,出现上述错误。我的要求是我想要...

回答 1 投票 0

使用 angularjs 将图像粘贴到文本角度

我想将剪贴板中的图像和屏幕截图添加到文本角度编辑器中。 像这样

回答 1 投票 0

为什么登录后无法导航到仪表板页面

id:任意; 登录提交(id:任意){ console.log("按钮有效"); const che = \[\]; this.admincreation.getdatas(id).subscribe((che: any) =\> { { const adminl = che.find((b: 任意) =\> { 重新...

回答 1 投票 0

我想在两个互不相关的组件之间共享数据

这是我的文件夹结构 顶部导航 侧边导航 屏幕具有顶部和侧面导航选择器,我想将标题从侧面导航传递到顶部导航

回答 2 投票 0

如何在 Angular 12 的 Summernote 编辑器中的当前光标位置插入文本

说明: 我的 Angular 12 项目中有一个 Summernote 编辑器 (https://www.npmjs.com/package/ngx-summernote),并且在编辑器外部还有一个按钮。当用户单击此按钮时,我...

回答 2 投票 0

Angularjs:打开日历的焦点和月份选择器功能?

如何将打开焦点功能(类似于 Microsoft Windows 7 日历)添加到我的日历中,如我们使用 Angular Material 版本 1.0.1 的演示中所示,请帮助我解决方案。 谢谢广告...

回答 1 投票 0

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