许多编程语言和框架使用的“命令”概念。将此标记与语言和/或框架一起使用以指示上下文。 C / C ++预处理器是一种严重依赖指令的语言。他们称之为“pragma”。
Angular Jest 测试指令与 @HostLinener('window:scroll')
问题:我想测试一个指令,该指令应该在“window:scroll”事件之后更改元素的样式,但不知道如何触发该事件 指令: @指示({ 选择器:'[
这个想法是有一个通用指令,其中使用组件将接口传递给指令,该指令从接口创建变量数据。与一个组件配合使用效果很好
Delphi 2009 中是否有一种方法可以根据编译器指令有条件地编译一段代码。具体来说,我希望有一个仅在范围检查时才包含的代码
我正在使用 Sphinx 为 Python 程序生成 HTML 文档。 我想使用具有特定标题的通用警告指令,并以我可以定义的方式对其进行标记,例如...
在Delphi中,你可以使用编译器指令来禁用特定的警告,例如 {$WARN USE_BEFORE_DEF 关闭} 但是当我尝试用特定的提示来做到这一点时,我发现了它的下划线_样式_名称......
如何从ControlValueAccessor获取FormControl实例
我有以下组件: @成分({ 选择器:'pc-radio-button', templateUrl: './radio-button.component.html', 提供者:[ {提供:NG_VALUE_ACCESSOR,使用现有:
拖放指令touchend和touchstart事件目标是相同的
我创建了一个用于拖放的自定义指令,我不使用角度材质的拖放,因为只能垂直或水平拖动。 问题是针对移动触摸、针对 touchstart 和 touc...
我在某些课程中使用offsetof(这是我别无选择的选择)。该宏需要变量的名称,我想为用户提供命名它的可能性。 模板 康斯特...
我有一个可用的通用图表。顶点的类型当前定义为: typedef 结构体顶点 { 无效*数据; 字符*标签; 布尔图; } 顶点; 然后可以自定义 void 指针...
我对 GNU GCC ARM 编译器还很陌生。我需要找到正确的 ARM 编译器类型(CM4F、CM0 等)。我知道这取决于目标,但为了这个问题的简单性......
我是 Angular 5 的新手。 我已经为外部 JS 库创建了指令。 但在同一个指令中,我将值绑定到属性。 我正在尝试起诉 ngAfterViewInit 来检测是否...
目前我在我的 C# 项目中使用 2 个引用: 使用 Czm.Perimetry.Analysis.Core; 使用 Czm.Perimetry.Analysis.IO; 当我在 Visual Studio 中查看我的项目时,没有出现错误。然而...
我有一个父组件(侧边栏)和一个子组件(菜单) 我有一个自定义指令,可以检测是否在元素外部进行了单击: 进口 { 指示, 元素参考, 事件发射器,
创建了一个指令 uppercase-input.directive.ts 并尝试在多个组件中导入/使用它,但出现以下错误 刚刚在这里发布了一个文件(organization.module.ts),有几个...
有一篇有用的 JavaScript 指南文章反复将 Break 和 continue 称为“指令”,但我之前只见过它们被称为“控制流语句”。动机是什么...
AngularJS 自定义指令和控制器方法不起作用,并且在 Chrome 浏览器中无法到达断点
AngularJS 自定义指令和控制器方法附加到 md-fab 滚动返回顶部按钮。一旦页面向下滚动,md-fab 按钮就会变得可见,并在页面响应时隐藏...
如何使用 intl-tel-input lib 创建自定义电话号码指令
我目前正在尝试创建一个自定义指令,该指令将使用以下库初始化输入:intl-tel-input。 所以我用 Bower 下载了所需的 .js 文件: <p>我目前正在尝试创建一个自定义指令,该指令将使用以下库初始化输入:<a href="https://github.com/Bluefieldscom/intl-tel-input" rel="nofollow noreferrer">intl-tel-input</a>。</p> <p>所以我用 Bower 下载了所需的 <pre><code>.js</code></pre> 文件:</p> <pre><code><script src="bower_components/intl-tel-input/build/js/intlTelInput.min.js"></script> </code></pre> <p>然后我创建我的输入:</p> <pre><code>input type="tel" class="form-control" id="tel" name="tel" ng-model="informations.tel" ng-keyup="checkPhoneFormat()" ng-click="checkPhoneFormat()"> And I'm initializing it at the beginning of my controller like this : angular.element('#tel).intlTelInput({ validationScript: "../../bower_components/intl-tel-input/lib/libphonenumber/build/isValidNumber.js", preferredCountries: ['en', 'fr'] }); </code></pre> <p>我的问题是,当我尝试访问 <pre><code>informations.tel</code></pre> 模型时,它始终是未定义的。看来输入不会动态更新模型值。</p> <p>所以我必须写这样的东西来将我的输入字段的实际值与我的未更新的模型值绑定:</p> <pre><code>$scope.checkPhoneFormat = function(){ $scope.informations.telephone = angular.element('#telephone').val(); ...} </code></pre> <p>可能没问题,但我想创建一个自定义指令来初始化此类输入,例如:</p> <pre><code>app.directive('phoneInput', function (PhoneFactory) { return { require: 'ngModel', restrict: 'A', scope: { phoneNumber: '=' }, link: function (scope, element, attrs, ctrl) { element.intlTelInput({ validationScript: "../../bower_components/intl-tel-input/lib/libphonenumber/build/isValidNumber.js", preferredCountries: ['en', 'fr'] }); ctrl.$parsers.unshift(function(viewValue) { console.log(viewValue); }); } }; }); </code></pre> <p>但是由于 <pre><code>ngModel</code></pre> 未定义,因此永远不会到达初始化函数。</p> <p>我该如何解决这个问题?</p> </question> <answer tick="true" vote="12"> <p>你是对的,模型不会自动更新。 你可以制定这样的指令</p> <pre><code>app.directive('intlTel', function(){ return{ replace:true, restrict: 'E', require: 'ngModel', template: '<input type="text" placeholder="e.g. +1 702 123 4567">', link: function(scope,element,attrs,ngModel){ var read = function() { var inputValue = element.val(); ngModel.$setViewValue(inputValue); } element.intlTelInput({ defaultCountry:'fr', }); element.on('focus blur keyup change', function() { scope.$apply(read); }); read(); } } }); </code></pre> <p>可以这样称呼</p> <pre><code><intl-tel ng-model="model.telnr"></intl-tel> </code></pre> <p>这是一个<a href="http://plnkr.co/edit/KZzTURvvcEWl7XiNzLwC?p=preview">Plunker</a></p> </answer> <answer tick="false" vote="4"> <p>有一个新指令,称为 International-phone-number @ <a href="https://github.com/mareczek/international-phone-number" rel="nofollow">https://github.com/mareczek/international-phone-number</a></p> <p>请结帐,欢迎任何贡献</p> </answer> <answer tick="false" vote="4"> <p>我们中的一些人使用了 Marks 的指令,但缺乏测试以及 jquery 在头部所需的位置导致了问题,因此创建了 <pre><code>ng-intl-tel-input</code></pre>:</p> <p><a href="https://github.com/hodgepodgers/ng-intl-tel-input" rel="nofollow">https://github.com/hodgepodgers/ng-intl-tel-input</a></p> <p>检查一下,它的单元和功能都用量角器进行了测试 在这里玩一下:</p> <p><a href="http://hodgepodgers.github.io/ng-intl-tel-input/" rel="nofollow">http://hodgepodgers.github.io/ng-intl-tel-input/</a></p> </answer> <answer tick="false" vote="2"> <p>马克的指令对我有用: <a href="https://github.com/mareczek/international-phone-number" rel="nofollow">https://github.com/mareczek/international-phone-number</a></p> <p>intl-tel-input(至少在 v3.6 中)的一个问题是,它不会正确格式化您初始化时使用的电话号码*,除非您前面有一个加号(“+”)。这会导致我的用户出现奇怪的行为。我将标准化的电话号码(没有加号)存储在数据库中,因此我需要一个技巧来解决这个问题。我没有在服务器上格式化,而是选择在前端格式化电话号码。我在 Mark 的指令中添加了以下内容以获得我需要的行为:</p> <pre><code>var makeSureInitialValueStartsWithPlusSign = function() { var clear_watcher = scope.$watch(attrs.ngModel, function(changes) { elem_val = element.val(); if (elem_val && elem_val[0] != "+") { element.val("+" + changes); clear_watcher(); } }); }; makeSureInitialValueStartsWithPlusSign(); </code></pre> <p>谢谢马克</p> <p>*正确地说,我的意思是将“19734566789”转换为“+1 973-456-6789”。 int-tel-input 将“19734566789”转换为“1 973-456-6789”(不带 pus)。当用户去编辑它时,他们会遇到奇怪的行为,因为加号不存在。</p> </answer> </body></html>
我有一个简单的指令,其中选择器是一个img。 @指示( { 选择器:'img' } ) 导出类 ImageDirective { ... } 如何向该指令添加布尔参数? 我尝试过 @Inp...
我想知道是否可以更改默认图标(蓝色),在应用程序初始化时使用另一个自定义图标,我阅读了有关如何更改的信息,但我想要整个应用程序的自定义图标。 超文本标记语言 &l...
NG-SELECT 禁用不使用 Angular 12 的指令
我正在尝试通过指令禁用 ng-select 。谁能建议我该怎么做? 这是我的代码,这是示例。我正在尝试。 设置超时(()=> { 常量 selectElement =...