问题标签 [ng-bind]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
318 浏览

angularjs - ng-click 时如何触发事件

ng-click我用ng-bind-html模板添加了一个锚标记,但ng-click没有触发......我需要一个触发该功能的解决方案。

我的模板

我的绑定 html

ng 函数调用

0 投票
2 回答
5049 浏览

angularjs - dateTime-local 没有正确绑定

我正在尝试将我的模型的属性绑定到 dateTime-local 输入并且某些东西无法正常工作。

这是我的模型

这是我的html

当我启动应用程序时,dateTime 输入在输入框中显示“mm/dd/yyyy,--:--:--”,但“value =”部分显示正确的 dateTime 值。

如果我在输入框中输入有效日期,它将更新该值,以便绑定正常工作,但显示初始值的东西不是......

我在这里想念什么?

0 投票
2 回答
618 浏览

angularjs - 如何在一个跨度中绑定两个输入字段

我想为用户制作一个表格,可以填写他们的名字和名字。

我想使用 angularjs。但我不知道如何将两个不同的输入绑定到一行。我尝试了这段代码但没有成功。

0 投票
1 回答
1961 浏览

angularjs - ng-绑定 doesn't work</h1> <div id="body"><p>Using 1.3.0-rc1 (latest now).</p> <p>I tried:</p> <pre><code><title ng-bind="title"></title> <title>{{title}}</title> </code></a> </h3> <div class="s-post-summary--content-excerpt"> </div> <div class="s-post-summary--meta"> <div class="s-post-summary--meta-tags tags js-tags t-cñ t-ûnet t-aspûnet-mvc t-aspûnet-mvc-4 t-actionfilterattribute"> <a href="/tags/angularjs" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">angularjs</a><a href="/tags/ng-bind" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">ng-bind</a> </div> <div class="s-user-card s-user-card__minimal"> <div class="s-user-card--info"> <div class="s-user-card--link d-flex gs4"> </div> </div> <time class="s-user-card--time" style="margin-left:5px;"> <span title="2022-04-18 08:34:11Z" class="relativetime"> </span></time> </div> </div> </div> </div><div id="question-summary-71909431" class="s-post-summary js-post-summary" data-post-id="71909431" data-post-type-id="1"> <div class="s-post-summary--stats js-post-summary-stats"> <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized" title="Score of 0"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">投票</span> </div> <div class="s-post-summary--stats-item " title="3 answers"> <span class="s-post-summary--stats-item-number">3</span> <span class="s-post-summary--stats-item-unit">回答</span> </div> <div class="s-post-summary--stats-item " title="15040 views"> <span class="s-post-summary--stats-item-number">15040</span> <span class="s-post-summary--stats-item-unit">浏览</span> </div> </div> <div class="s-post-summary--content"> <h3 class="s-post-summary--content-title"> <a href="/questions/25790454" class="s-link">angularjs - 在 HTML 中将默认值设置为 ng-bind</a> </h3> <div class="s-post-summary--content-excerpt"> <p>我想为范围设置一个默认值,由 ng-bind 获取。我这样做是这样的:</p> <p>在此示例中,页面加载时跨度设置为 innerHTML = 'All'。</p> <p>但是,我希望有一种方法可以在不需要使用 ng-init 的情况下执行此操作,可能类似于:</p> </div> <div class="s-post-summary--meta"> <div class="s-post-summary--meta-tags tags js-tags t-cñ t-ûnet t-aspûnet-mvc t-aspûnet-mvc-4 t-actionfilterattribute"> <a href="/tags/angularjs" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">angularjs</a><a href="/tags/angularjs-ng-init" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">angularjs-ng-init</a><a href="/tags/ng-bind" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">ng-bind</a> </div> <div class="s-user-card s-user-card__minimal"> <div class="s-user-card--info"> <div class="s-user-card--link d-flex gs4"> </div> </div> <time class="s-user-card--time" style="margin-left:5px;"> <span title="2022-04-18 08:34:11Z" class="relativetime"> </span></time> </div> </div> </div> </div><div id="question-summary-71909431" class="s-post-summary js-post-summary" data-post-id="71909431" data-post-type-id="1"> <div class="s-post-summary--stats js-post-summary-stats"> <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized" title="Score of 0"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">投票</span> </div> <div class="s-post-summary--stats-item " title="4 answers"> <span class="s-post-summary--stats-item-number">4</span> <span class="s-post-summary--stats-item-unit">回答</span> </div> <div class="s-post-summary--stats-item " title="1361 views"> <span class="s-post-summary--stats-item-number">1361</span> <span class="s-post-summary--stats-item-unit">浏览</span> </div> </div> <div class="s-post-summary--content"> <h3 class="s-post-summary--content-title"> <a href="/questions/26099116" class="s-link">angularjs - 问题在数字字段AngularJS中显示值</a> </h3> <div class="s-post-summary--content-excerpt"> <p>我正在尝试绑定<code>string</code>来自<code>controller</code>以下<code>numeric input</code>字段的类型的值:</p> <p><code><input type="number" ng-model="detail.Value"></code></p> <p>由于<code>detail.Value</code>是 type <code>string</code>,所以 I 值没有显示(我猜)。</p> <p><strong>我无法将 Value 属性的类型更改为 int。</strong></p> <p><strong>如何在视图中显示数字框中的值?</strong></p> </div> <div class="s-post-summary--meta"> <div class="s-post-summary--meta-tags tags js-tags t-cñ t-ûnet t-aspûnet-mvc t-aspûnet-mvc-4 t-actionfilterattribute"> <a href="/tags/angularjs" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">angularjs</a><a href="/tags/angular-ngmodel" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">angular-ngmodel</a><a href="/tags/ng-bind" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">ng-bind</a> </div> <div class="s-user-card s-user-card__minimal"> <div class="s-user-card--info"> <div class="s-user-card--link d-flex gs4"> </div> </div> <time class="s-user-card--time" style="margin-left:5px;"> <span title="2022-04-18 08:34:11Z" class="relativetime"> </span></time> </div> </div> </div> </div><div id="question-summary-71909431" class="s-post-summary js-post-summary" data-post-id="71909431" data-post-type-id="1"> <div class="s-post-summary--stats js-post-summary-stats"> <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized" title="Score of 0"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">投票</span> </div> <div class="s-post-summary--stats-item " title="1 answers"> <span class="s-post-summary--stats-item-number">1</span> <span class="s-post-summary--stats-item-unit">回答</span> </div> <div class="s-post-summary--stats-item " title="13577 views"> <span class="s-post-summary--stats-item-number">13577</span> <span class="s-post-summary--stats-item-unit">浏览</span> </div> </div> <div class="s-post-summary--content"> <h3 class="s-post-summary--content-title"> <a href="/questions/26179113" class="s-link">angularjs - AngularJS ng-bind 需要显示变量+“字符串”</a> </h3> <div class="s-post-summary--content-excerpt"> <p>我<code>ng-bind</code>在模板中创建了一个元素,它显示了一个小数点后四舍五入的数字。如何<code>%</code>从<code>ng-bind</code>逻辑中将 a 添加到它的末尾?</p> <p>我的代码:</p> <p>结果(例如)<code>4.5</code>但我希望它是<code>4.5%</code>.</p> <p>问题是,我想在<code>%</code>它的末尾添加一个 -character,但是如何?我宁愿不添加第二个跨度,具有完全相同的逻辑,只为那个角色,并且<code>ng-bind="variable + '%' | number: 1"</code>不起作用。我还想避免在我的控制器/指令中添加额外的代码,因为我认为这更像是一个模板(我只需要使用它几次)。</p> </div> <div class="s-post-summary--meta"> <div class="s-post-summary--meta-tags tags js-tags t-cñ t-ûnet t-aspûnet-mvc t-aspûnet-mvc-4 t-actionfilterattribute"> <a href="/tags/angularjs" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">angularjs</a><a href="/tags/ng-bind" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">ng-bind</a> </div> <div class="s-user-card s-user-card__minimal"> <div class="s-user-card--info"> <div class="s-user-card--link d-flex gs4"> </div> </div> <time class="s-user-card--time" style="margin-left:5px;"> <span title="2022-04-18 08:34:11Z" class="relativetime"> </span></time> </div> </div> </div> </div><div id="question-summary-71909431" class="s-post-summary js-post-summary" data-post-id="71909431" data-post-type-id="1"> <div class="s-post-summary--stats js-post-summary-stats"> <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized" title="Score of 0"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">投票</span> </div> <div class="s-post-summary--stats-item " title="0 answers"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">回答</span> </div> <div class="s-post-summary--stats-item " title="209 views"> <span class="s-post-summary--stats-item-number">209</span> <span class="s-post-summary--stats-item-unit">浏览</span> </div> </div> <div class="s-post-summary--content"> <h3 class="s-post-summary--content-title"> <a href="/questions/26421667" class="s-link">javascript - 如何使用 ng-model 从自定义指令绑定到视图?- AngularJS</a> </h3> <div class="s-post-summary--content-excerpt"> <p>我正在尝试使用 Angular JS 开发应用程序。我创建了一个自定义指令,我试图从中将值显示到表格中。所有这一切都很好。我无法动态绑定在文本框中输入的值。下面是我的 HTML 和 JavaScript 代码。请帮帮我。提前致谢。</p> <p><strong>索引.html</strong></p> <p></p> <p></p> <p></p> <p></p> <p><strong>应用程序.js</strong></p> <p>});</p> </div> <div class="s-post-summary--meta"> <div class="s-post-summary--meta-tags tags js-tags t-cñ t-ûnet t-aspûnet-mvc t-aspûnet-mvc-4 t-actionfilterattribute"> <a href="/tags/javascript" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">javascript</a><a href="/tags/html" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">html</a><a href="/tags/json" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">json</a><a href="/tags/angularjs" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">angularjs</a><a href="/tags/ng-bind" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">ng-bind</a> </div> <div class="s-user-card s-user-card__minimal"> <div class="s-user-card--info"> <div class="s-user-card--link d-flex gs4"> </div> </div> <time class="s-user-card--time" style="margin-left:5px;"> <span title="2022-04-18 08:34:11Z" class="relativetime"> </span></time> </div> </div> </div> </div><div id="question-summary-71909431" class="s-post-summary js-post-summary" data-post-id="71909431" data-post-type-id="1"> <div class="s-post-summary--stats js-post-summary-stats"> <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized" title="Score of 0"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">投票</span> </div> <div class="s-post-summary--stats-item " title="1 answers"> <span class="s-post-summary--stats-item-number">1</span> <span class="s-post-summary--stats-item-unit">回答</span> </div> <div class="s-post-summary--stats-item " title="10543 views"> <span class="s-post-summary--stats-item-number">10543</span> <span class="s-post-summary--stats-item-unit">浏览</span> </div> </div> <div class="s-post-summary--content"> <h3 class="s-post-summary--content-title"> <a href="/questions/26735629" class="s-link">angularjs - Angular.js 1.3 ng-bind 中的一次性绑定</a> </h3> <div class="s-post-summary--content-excerpt"> <p>在 Angular.js 1.3 中,我可以进行一次性绑定:</p> <p>但是我怎么能用这个<code>ng-bind</code>呢?</p> <p><code>ng-bind</code><code>{{</code>与语法相比有一些性能改进。</p> <p>是否支持?</p> </div> <div class="s-post-summary--meta"> <div class="s-post-summary--meta-tags tags js-tags t-cñ t-ûnet t-aspûnet-mvc t-aspûnet-mvc-4 t-actionfilterattribute"> <a href="/tags/angularjs" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">angularjs</a><a href="/tags/ng-bind" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">ng-bind</a> </div> <div class="s-user-card s-user-card__minimal"> <div class="s-user-card--info"> <div class="s-user-card--link d-flex gs4"> </div> </div> <time class="s-user-card--time" style="margin-left:5px;"> <span title="2022-04-18 08:34:11Z" class="relativetime"> </span></time> </div> </div> </div> </div><div id="question-summary-71909431" class="s-post-summary js-post-summary" data-post-id="71909431" data-post-type-id="1"> <div class="s-post-summary--stats js-post-summary-stats"> <div class="s-post-summary--stats-item s-post-summary--stats-item__emphasized" title="Score of 0"> <span class="s-post-summary--stats-item-number">0</span> <span class="s-post-summary--stats-item-unit">投票</span> </div> <div class="s-post-summary--stats-item " title="3 answers"> <span class="s-post-summary--stats-item-number">3</span> <span class="s-post-summary--stats-item-unit">回答</span> </div> <div class="s-post-summary--stats-item " title="420 views"> <span class="s-post-summary--stats-item-number">420</span> <span class="s-post-summary--stats-item-unit">浏览</span> </div> </div> <div class="s-post-summary--content"> <h3 class="s-post-summary--content-title"> <a href="/questions/26847783" class="s-link">angularjs - AngularJS 表格界面</a> </h3> <div class="s-post-summary--content-excerpt"> <p>我试图找到基于三个 RESTful 数据端点使用 AngularJS 显示表格数据的最佳方式。例如,数据由三个模型组成:</p> <p><strong>室友</strong></p> <p><strong>家务活</strong></p> <p><strong>家务活</strong></p> <p>我想在 x 轴上显示日,y 轴上显示室友的表格中显示家务分配。</p> <p>我可以使用 ng-repeat 轻松地将数据显示在单独的列表中,但我不确定是否将它们组合到表中。如果我可以简单地从我已经拥有的三个单独的数据列表中构建它,我会尝试避免对此表进行自定义 API 调用。任何意见是极大的赞赏。</p> </div> <div class="s-post-summary--meta"> <div class="s-post-summary--meta-tags tags js-tags t-cñ t-ûnet t-aspûnet-mvc t-aspûnet-mvc-4 t-actionfilterattribute"> <a href="/tags/angularjs" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">angularjs</a><a href="/tags/html-table" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">html-table</a><a href="/tags/ng-repeat" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">ng-repeat</a><a href="/tags/ng-bind" class="post-tag flex--item mt0 js-tagname-cñ" title="" rel="tag">ng-bind</a> </div> <div class="s-user-card s-user-card__minimal"> <div class="s-user-card--info"> <div class="s-user-card--link d-flex gs4"> </div> </div> <time class="s-user-card--time" style="margin-left:5px;"> <span title="2022-04-18 08:34:11Z" class="relativetime"> </span></time> </div> </div> </div> </div> </div> <br class="cbt"> <div class="s-pagination site1 themed pager float-left"> <a class="s-pagination--item js-pagination-item " href="/tags/ng-bind?p=1" rel="" title="Go to page 2">1</a><a class="s-pagination--item js-pagination-item " href="/tags/ng-bind?p=2" rel="" title="Go to page 2">2</a><a class="s-pagination--item js-pagination-item is-selected" href="/tags/ng-bind?p=3" rel="" title="Go to page 2">3</a><a class="s-pagination--item js-pagination-item " href="/tags/ng-bind?p=4" rel="" title="Go to page 2">4</a><a class="s-pagination--item js-pagination-item " href="/tags/ng-bind?p=5" rel="" title="Go to page 2">5</a><a class="s-pagination--item js-pagination-item " href="/tags/ng-bind?p=6" rel="" title="Go to page 2">6</a><a class="s-pagination--item js-pagination-item " href="/tags/ng-bind?p=7" rel="" title="Go to page 2">7</a><a class="s-pagination--item js-pagination-item " href="/tags/ng-bind?p=8" rel="" title="Go to page 2">8</a><a class="s-pagination--item js-pagination-item " href="/tags/ng-bind?p=9" rel="" title="Go to page 2">9</a><a class="s-pagination--item js-pagination-item " href="/tags/ng-bind?p=10" rel="" title="Go to page 2">10</a></div> </div> <div id="sidebar" class="show-votes" role="complementary" aria-label="sidebar"> <div class="module js-gps-related-tags" id="related-tags"> <h4 id="h-related-tags">Reference</h4> <div data-name="javascript"> <a href="https://php.github.net.cn" class="post-tag no-tag-menu js-gps-track" target="_blank">php</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">1429865</span> </span> </div> <div data-name="javascript"> <a href="https://c-cpp.com" class="post-tag no-tag-menu js-gps-track" target="_blank">c/c++</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">756500</span> </span> </div> <div data-name="javascript"> <a href="https://nginx.github.net.cn" class="post-tag no-tag-menu js-gps-track" target="_blank">nginx</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">49975</span> </span> </div> <div data-name="javascript"> <a href="https://mongodb.net.cn" class="post-tag no-tag-menu js-gps-track" target="_blank">mongodb</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">159057</span> </span> </div> <div data-name="javascript"> <a href="https://mybatis.net.cn" class="post-tag no-tag-menu js-gps-track" target="_blank">mybatis</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">3233</span> </span> </div> <div data-name="javascript"> <a href="https://anaconda.org.cn" class="post-tag no-tag-menu js-gps-track" target="_blank">anaconda</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">13410</span> </span> </div> <div data-name="javascript"> <a href="https://pycharm.net.cn" class="post-tag no-tag-menu js-gps-track" target="_blank">pycharm</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">14671</span> </span> </div> <div data-name="javascript"> <a href="https://python.github.net.cn" class="post-tag no-tag-menu js-gps-track" target="_blank">python</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">1902243</span> </span> </div> <div data-name="javascript"> <a href="https://vscode.github.net.cn" class="post-tag no-tag-menu js-gps-track" target="_blank">vscode</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">56040</span> </span> </div> <div data-name="javascript"> <a href="https://dockerdocs.cn" class="post-tag no-tag-menu js-gps-track" target="_blank">docker</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">110988</span> </span> </div> <div data-name="javascript"> <a href="https://github.net.cn" class="post-tag no-tag-menu js-gps-track" target="_blank">github</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">49000</span> </span> </div> <div data-name="javascript"> <a href="https://flask.github.net.cn" class="post-tag no-tag-menu js-gps-track" target="_blank">flask</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">49129</span> </span> </div> <div data-name="javascript"> <a href="https://ffmpeg.github.net.cn" class="post-tag no-tag-menu js-gps-track" target="_blank">ffmpeg</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">24037</span> </span> </div> <div data-name="javascript"> <a href="https://jmeter.net" class="post-tag no-tag-menu js-gps-track" target="_blank">jmeter</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">16910</span> </span> </div> <div data-name="javascript"> <a href="https://matplotlib.net" class="post-tag no-tag-menu js-gps-track" target="_blank">matplotlib</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">63493</span> </span> </div> <div data-name="javascript"> <a href="https://getbootstrap.net" class="post-tag no-tag-menu js-gps-track" target="_blank">bootstrap</a> <span class="item-multiplier"><span class="item-multiplier-x">×</span> <span class="item-multiplier-count">54641</span> </span> </div> </div> </div> </div> </div> <footer id="footer" class="site-footer js-footer" role="contentinfo"> <div class="site-footer--container"> <div class="site-footer--logo"> <a href="https://stackoverflow.com"><svg aria-hidden="true" class="native svg-icon iconLogoGlyphMd" width="32" height="37" viewBox="0 0 32 37"><path d="M26 33v-9h4v13H0V24h4v9h22Z" fill="#BCBBBB"/><path d="m21.5 0-2.7 2 9.9 13.3 2.7-2L21.5 0ZM26 18.4 13.3 7.8l2.1-2.5 12.7 10.6-2.1 2.5ZM9.1 15.2l15 7 1.4-3-15-7-1.4 3Zm14 10.79.68-2.95-16.1-3.35L7 23l16.1 2.99ZM23 30H7v-3h16v3Z" fill="#F48024"/></svg></a> </div> <nav class="site-footer--nav"> <div class="site-footer--col"> <h5 class="-title"><a href="https://stackoverflow.org.cn" class="js-gps-track" data-gps-track="footer.click({ location: 3, link: 15})">Stack Overflow 中文网</a></h5> <p>遵从 CC BY-SA 知识共享许可协议。</p> </div> </nav> </div> </footer> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?709ff2ad9744e86b5b0eee677fc13ede"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-1MW5BV8G8E"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-1MW5BV8G8E'); </script> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6117966252207595" crossorigin="anonymous"></script> </body> </html>