angularjs 相关问题

我是 TypeScript 和 AngularJS 的新手。以下代码将使用 TypeScript 打印“”列表： {{#if 样式}} 款式 ... 我是 TypeScript 和 AngularJS 的新手。以下代码将使用 <div> 打印“TypeScript”列表： {{#if styles}} <h2 class="box-header">Styles</h2> <div class="box"> {{#each styles}} <div class="item"> {{#if thumbnail}} <img src="{{public_url}}styles/{{@key}}/{{thumbnail}}{{&../key_query}}" alt="{{name}} preview" /> {{else}} <img src="{{public_url}}images/placeholder.png{{&key_query}}" alt="{{name}} preview" /> {{/if}} <div class="details"> <h3>{{name}}</h3> <p class="identifier">identifier: {{@key}}</p> </div> </div> {{/each}} </div> {{/if}} 这是identifier行： <p class="identifier">identifier: {{@key}}</p> HTML 中的输出是以下值之一： identifier: base_name identifier: example_000_0_name_1 identifier: example_000_1_name_2 identifier: example_000_2_name_3 identifier: example_000_3_name_4 identifier: example_000_4_name_5 我想在生成 example_000_[n]_ HTML 时删除前缀“identifier”： https://www.geeksforgeeks.org/typescript-string-substring-method/ https://www.geeksforgeeks.org/difference- Between-double-and-single-curly-brace-in-angularjs/ <p class="identifier">identifier: substring({{@key}}, len("example_000_0_"))</p> 预期输出是： identifier: base_name identifier: name_1 identifier: name_2 identifier: name_3 identifier: name_4 identifier: name_5 identifier行不是javascript代码，所以我不知道是否可以在“substring”变量中{{}}。我尝试过：{{@key.substr(3)}}： Error: Parse error on line 35: ...>identifier: {{@key.substr(3)}}</p> -----------------------^ Expecting 'ID', got 'INVALID' 还尝试过：标识符：{{("" + @key).substr(3)}} Error: Parse error on line 35: ...fier">identifier: {{("" + @key).substr(3 -----------------------^ Expecting 'ID', 'STRING', 'NUMBER', 'BOOLEAN', 'UNDEFINED', 'NULL', 'DATA', got 'OPEN_SEXPR' 如何substring“{{@key}}”中的“<p class="identifier">identifier: {{@key}}</p>”？要在视图元素“内部”运行 javascript，您需要将 javascript 代码放入插值标记中{{here}}。一种选择是在下划线上使用 Split()，而不是编写需要考虑到数字超过一位数的复杂子字符串。它看起来像这样： <p class="identifier">identifier: {{@key.split('_')[3]}}_{{@key.split('_')[4]}}</p> 这是一个工作的plunkr

node.js angularjs typescript ubuntu

回答 1 投票 0

netlify.toml 和 _redirects 文件不起作用，导致页面找不到角度项目

在 netlify 上部署 Angular 项目时，未从 https://netlify 转换到新域，netlify.toml 和 _redirects 无法按预期工作，并给出 404 页面未找到的错误

angular angularjs deployment netlify

回答 2 投票 0

在 Angular 中打开模态时选择当前浏览器选项卡

我有一个场景，在第一个选项卡中，我设置了一个函数以在 5 秒后显示模式/组件： ngOnInit() { 设置超时（（）=> { this.openDialog(); }, 5000); } 打开对话框（）{ ...

angular angularjs typescript

回答 1 投票 0

有关角度内按钮范围的混乱

（单击）事件正在触发另一实例中的函数。我不知道如何解释这一点。我附上了一个 stackblitz 示例。单击两个按钮都会打印相同的内容...

html angular angularjs angular-directive angular-components

回答 1 投票 0

Angular 17 独立应用程序集成 CKEditor 5 -- 错误：窗口未定义

我的 Angular（版本 17.1.2 和独立版本）应用程序无法集成 CKEditor。我已按照此处的分步指南进行操作。错误： [vite] 内部服务器错误：窗口未定义在 r (d:/研究/

angular angularjs ckeditor ckeditor5

回答 1 投票 0

触摸事件处理程序覆盖点击处理程序

我正在 AngularJS 中创建一个自定义的可拖动指令。它是 jQuery 事件和普通 JavaScript 的组合。我正在努力使其尽可能通用和可重用，而且它还有......

javascript jquery html angularjs touch

回答 2 投票 0

额外嵌套 POJO 树的问题

我可以对模板中非常复杂的 POJO 树做些什么吗？例如我可以对模板中非常复杂的 POJO 树做些什么吗？例如 <div important-attr="{{item.another_sub_item_three.lets_go_a_little_dipper.property}} " another-important-attr="{{ item.another_sub_item_three.just_one_more.another-property }}" > </div> 请注意，我无法控制数据结构，它来自旧版 API。使用 ng-repeat 可能是一个解决方案，但这感觉不对，特别是因为这不是一个集合，它只是一个项目。 <div ng-repeat="prop in item.another_sub_item_three.lets_go_a_little_dipper" important-attr="{{prop.property}}" another-important-attr="{{prop.another-property}}" > </div> 如果您使用 $http 与旧版 API 交互，则可以使用 transformResponse 属性将响应更改为更易于管理的响应。 $http({ method: 'GET', url: '...', transformResponse: function(data) { /* transform data then */ return data } }) 如果您不使用 $http，则代码中可能还有另一个逻辑位置，您可以在 API 响应被模板使用之前对其进行转换。

javascript angularjs angularjs-scope angularjs-ng-repeat

回答 1 投票 0

TypeError：无法读取未定义的属性“existsSync” - 使用 Node 和 Express 进行 Web 开发 - Ethan Brown - ch13

我对 GitHub 以及 MEAN（mongodb、express、angular、node.js）都是超级新手，我正在关注 Ethan Brown 的一本书——使用 Node 和 Express 进行 Web 开发，他提供了一个 git 存储库成为...

javascript angularjs node.js mongodb express

回答 1 投票 0

根据 AngularJS 中 JSON 输入的下拉选择绑定数据

我正在尝试根据下拉列表的下拉选择来过滤数据。这里我将从 JSON 输入中获取数据。在提交日期中，我选择了 06/30/2022，所以对于这个 d...

javascript html asp.net angularjs

回答 1 投票 0

Angular - 在 MatDialog 中输入时发送表单

我的目标是如果按 Enter 键则执行 MatDialog 中的表单。关注哪个元素并不重要。我进行了很多搜索并尝试了很多方法，但每次都不起作用。我已经尝试过...

angular angularjs angular-material

回答 1 投票 0

安装过程中 Angular 8 软件包发生冲突

构建.NET Core + Angular项目的问题对我来说有一个未知的项目。我需要做一些小修复。我尝试过构建它们： dotnetpublish-cRelease-rwin-x64--self-contained false--ou...

angularjs npm npm-install

回答 1 投票 0

如何突出显示搜索结果的颜色？

您能帮忙用黄色突出显示搜索到的单词吗？下面编写了一个代码示例，用于过滤 JSON feed URL 中显示的数据中的单词。角度模块（'

javascript angularjs angularjs-ng-repeat ng-bind

回答 2 投票 0

Webstorm：“无法解析目录”

这开始困扰我，我要么希望将其关闭或修复。因此，Webstorm 在其 HTML 解析器中有一个很棒的功能，它将尝试解析字符串中应该解析的目录

javascript html angularjs ide webstorm

回答 6 投票 0

如何在没有 <form>

我知道，如果我在元素中有输入，我可以简单地将 novalidate 属性添加到表单中以禁用 HTML 验证工具提示。但是，我的输入不是 elem 形式... 我知道，如果我在 input 元素中有一个 <form>，我可以简单地将 novalidate 属性添加到表单中以禁用 HTML 验证工具提示。但是，我的输入不在表单元素中（我使用 AngularJS 并且使用 ng-form 指令）。我可以监听 invalid 事件并阻止提交验证，但我无法阻止验证工具提示。这是一个简单的 JSFiddle 来显示问题。虽然 Dekel 的答案可以完成这项工作，但实现此目的的另一种方法是简单地向输入元素添加“title”属性，并且验证消息将被 title 属性中的内容覆盖。你可以在title属性中添加一些有意义的文字， <input type="email" title="Your Email"> 在 HTML 中，输入元素有两个选项：将它们放入<form>容器中。为输入添加 form 属性，该值应为输入相关表单的 id。使用选项#2，您只需在 DOM 中的某处添加一个带有 novalidate 的空表单，并将输入附加到该表单： <form novalidate> <p>Input in form with novalidate. This one is fine.</p> <input type="email" required> </form> <p>Input without form. How to disable validation tooltips? (hover over input to see validation tooltip)</p> <input type="email" required form="novalidatedform"> <form id="novalidatedform" novalidate /> 有关 input 元素的更多信息请参见 MDN 网站。您也可以使用此脚本 <script> document.getElementById( "inputId" ).addEventListener( "invalid", function( event ) { event.preventDefault(); }); </script> 将 novalidate 添加到 form 标签应该就足够了

html angularjs validation

回答 4 投票 0

angularjs 相关问题

最新问题