菜鸟教程小白 发表于 2022-12-11 18:20:15

ios - Angular 2 数字键盘启动


                                            <p><p>我正在尝试在 IOS 上为我的 Angular 2 应用程序调出数字键盘,但无法获得我想要实现的目标。这是我的代码,请告诉我需要进行哪些更改</p>

<pre><code>&lt;input type=&#34;number&#34; minlength=&#34;0&#34; inputmode=&#34;numeric&#34; pattern=&#34;*&#34; placeholder=&#34;Month&#34; formControlName=&#34;month&#34; maxlength=&#34;2&#34;&gt;
</code></pre>

<p>我也尝试过更改输入 type="tel"但没有成功。
我不断收到<a href="/image/prrFq.png" rel="noreferrer noopener nofollow"><img src="/image/prrFq.png" alt="enter image description here"/></a>而我正在努力实现<a href="/image/ZmvRj.png" rel="noreferrer noopener nofollow"><img src="/image/ZmvRj.png" alt="enter image description here"/></a> </p>

<p>这是我遇到的文章,以实现我想要使用但没有运气的东西
<a href="http://danielfriesen.name/blog/2013/09/19/input-type-number-and-ios-numeric-keypad/" rel="noreferrer noopener nofollow">http://danielfriesen.name/blog/2013/09/19/input-type-number-and-ios-numeric-keypad/</a> </p></p>
                                    <br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
                                            <p><p>您的代码完全一样,适用于我在 iOS 10.2 OSX 模拟器上的 Safari 中。这是我的笨蛋</p>

<p> <a href="https://plnkr.co/edit/dVFyZnCuxPgmSmZYASuy?p=preview" rel="noreferrer noopener nofollow">My Plunker</a> </p>

<pre><code>import { Component } from &#39;@angular/core&#39;;

@Component({
selector: &#39;my-app&#39;,
template: `&lt;h1&gt;Hello {{name}} &lt;input type=&#34;number&#34; minlength=&#34;0&#34; inputmode=&#34;numeric&#34; pattern=&#34;*&#34; placeholder=&#34;Month&#34; formControlName=&#34;month&#34; maxlength=&#34;2&#34;&gt;
&lt;/h1&gt;`
})
export class AppComponent { name = &#39;Angular&#39;; }
</code></pre>

<p>见下文<a href="/image/DW0ym.png" rel="noreferrer noopener nofollow"><img src="/image/DW0ym.png" alt="enter image description here"/></a> </p></p>
                                   
                                                <p style="font-size: 20px;">关于ios - Angular 2 数字键盘启动,我们在Stack Overflow上找到一个类似的问题:
                                                        <a href="https://stackoverflow.com/questions/41168879/" rel="noreferrer noopener nofollow" style="color: red;">
                                                                https://stackoverflow.com/questions/41168879/
                                                        </a>
                                                </p>
                                       
页: [1]
查看完整版本: ios - Angular 2 数字键盘启动