angularjs 相关问题

用于关于开源JavaScript框架AngularJS(1.x)的问题。不要将此标记用于Angular 2或更高版本;相反,使用[angular]标签。

Angular Materials:您可以禁用输入的自动完成建议吗?

我只是使用像这样的简单输入容器 姓名 我只是使用像这样的简单输入容器 <md-input-container class="md-block" flex-gt-sm > <label>Name</label> <input md-maxlength="30" name="name" ng-model="name" /> </md-input-container> 输入字段建议之前输入的值,这模糊了一些重要的界面元素,而且在我的情况下也确实没有必要。有什么办法可以禁用这些建议吗? 将 autocomplete="off" 添加到输入元素,就像这样: <input md-maxlength="30" name="name" ng-model="name" autocomplete="off" /> 请参阅此供您参考。 对于没有 name 属性的输入,或将其值设置为自动填充功能常用的输入(名称、电子邮件、街道、国家/地区...),浏览器通常会忽略 autocomplete="off"。 就我而言,将输入设置为一个不寻常的名称就足够了。 <input type="text" name="someUnusualName" autocomplete="off"> 将 autocomplete="off" 添加到输入中,但对于现代浏览器,请使用 autocomplete="nope" 旧版浏览器 <input md-maxlength="30" name="name" ng-model="name" autocomplete="off" /> 现代浏览器 <input md-maxlength="30" name="name" ng-model="name" autocomplete="nope" /> 以防万一有人和我有同样的经历(因为当前的答案在我的 Chrome 上不起作用),我使用了如下所示的方法并且它有效: <input md-maxlength="30" name="name" ng-model="name" autocomplete="new-password" /> 新浏览器似乎会查看 id 字段或名称字段来确定您要通过自动填充查找的内容。当我想关闭自动填充功能时,我开始倒着拼写。 问题标签 - 自动填充弹出窗口 <input id='cp_state_i' required /> 修复 - 不自动填充弹出窗口 <input id='cp_etats_i' required /> 我的问题是我正在使用州的自动完成选项列表。弹出窗口是一个问题。这是我的修复,可能对你有帮助。 似乎在某些文本字段上起作用的另一件事是这个 <input autocomplete='new-password'/> 我删除 type='text 并且它会停止弹出内容。但无论出于何种原因,它并不能对所有事情都起作用,只是对某些事情起作用。 我不确定为什么浏览器不再支持 autocomplete='off' 。除了简单的登录表单之外,在处理 CRUD 和其他合理操作时,它会带来一些麻烦。 <input type="text" id="example" placeholder="" matInput [(ngModel)]="item.productDescription" [matAutocomplete]="product" [matAutocompleteDisabled]="condition"/> 只需在有效条件下使用 [matAutocompleteDisabled] 属性即可。 只需使用输入type="search"就可以了。在 Google Chrome 版本 92.0.4515.107(官方版本)(arm64)上测试 例如:<input type="search" name="namesearch" id="search-cust" placeholder="Shop Name" style="width:170px" /> 对于现代浏览器,以下内容应该有效: 对于现代浏览器和最新更新,您可以将这两个属性 autocomplete="false" 和 role="presentation" 添加到您的输入中。

回答 9 投票 0

角度用户界面网格垂直滚动水平滚动时向上移动

我正在使用 Angular UI 网格,面临这个问题, 当垂直滚动最后滚动到底部时,如果尝试将水平滚动移动到右上角,则垂直滚动会向上移动 请参考这个

回答 1 投票 0

在没有 Node.js 的情况下安装 npm

我正在使用 Visual Studio 2015 启动 ASP.NET Core Web 应用程序,并且我想使用带有 TypeScript 编辑功能的 AngularJS 2。 为了使其工作,我需要安装 npm Package Manage...

回答 4 投票 0

AngularJs,选择控件,无法使用ng-Model将所选值传递给javascript

在 JavaScript 中 $scope.testNames = ['ABC', 'DEF', 'GHI']; $scope.selTestName = $scope.testNames[0]; $scope.test = 函数(){ $log.debug('selTestName=' + $scope.selTestName); } 在jsp中 在 JavaScript 中 $scope.testNames = ['ABC', 'DEF', 'GHI']; $scope.selTestName = $scope.testNames[0]; $scope.test = function(){ $log.debug('selTestName=' + $scope.selTestName); } 在jsp中 <td colspan="3" class="input-medium"> <select class="span2" ng-model="selTestName" style="font-family: verdana;" ng-options="testName for testName in testNames"> </select></td> {{selTestName}} <td> <button type="button" class="btn btn-small btn-info" ng-click="test()">Test selTestName</button> </td> 当我选择的值更改时,插值 {{selTestName}} 也会相应更改,但是无论我选择什么并按“测试”按钮,在 javascript 端,$scope.selTestName 保持不变,为什么? 如何使 $scope.setTestName 根据我选择的值进行更改?我已经设置了 ng-Model = "selTestName". 我的angularjs版本是1.2.26 “如果你使用 ng-model,则必须在其中有一个点。”做你的 model 指向一个 object.property 然后你就可以开始了。” 最后我在这里找到了答案: Ng-model 不更新控制器值 问题就在这里 ng-model="selTestName" ng-model需要使用object.property。 像下面这样: $scope.testNames = ['ABC', 'DEF', 'GHI']; $scope.selTestName = {tableName:$scope.testNames[0]}; jsp/html: <select class="span2" ng-model="selTestName.tableName" style="font-family: verdana;" ng-options="testName for testName in testNames"> </select></td> 这成功解决了我的问题。 无论如何,现在还有另一个问题,因为我发现即使 ng-model 不使用 dot.notation,以下内容仍然有效。 https://jsfiddle.net/ejghzyo3/7/ 无论如何,这已经是另一个新问题了,也许我会就此创建一个新问题。

回答 1 投票 0

Sharepoint Angular REST 添加项目产生 400(错误请求)

这几天我一直在用头撞墙。我正在尝试使用 Angular js 将项目添加到 Sharepoint 中的列表中。 检索项目很顺利,但添加项目对...

回答 1 投票 0

Angular ng-如果不正确

为什么这不起作用。 感觉有点不合逻辑 工作得很好。 “区域”在范围中定义为 true/false 任何workaro...

回答 7 投票 0

仅允许选中一个复选框,Angular 最佳实践。

我使用的是角度。 我在一个组中有三个复选框,我想确保只能选中其中一个。因此,如果其中一个被检查,另外两个就必须被解锁。我可以考虑做这个...

回答 6 投票 0

类型错误:无法读取未定义的属性(读取“id”)

我的终端出现此错误: 类型错误:无法读取未定义的属性(读取“id”) 我正在尝试测试对 API 的调用,但出现错误。 我的功能: itemToForm = () => { ...

回答 6 投票 0

Angular 2:ngFor 完成时回调

在 Angular 1 中,我编写了一个自定义指令(“repeater-ready”),与 ng-repeat 一起使用,以在迭代完成时调用回调方法: if ($scope.$last === true) { $超时...

回答 9 投票 0

平静的 POST 响应的“最佳”实践

所以这里没有什么新内容,我只是想得到一些澄清,似乎在其他帖子中找不到任何澄清。 我正在平静地创建一个新资源,说: /书籍(邮寄) 与身体: { 标题:'...

回答 4 投票 0

有人知道免费网站托管网站吗

我正在寻找有关免费托管平台的信息,我可以在其中部署我的 Angular 项目。目的是在实时环境中验证我开发的网站的功能。我有能力...

回答 1 投票 0

从/到单位转换避免大型 if/switch 语句

我有一个 if/else 代码块,它返回从/到某个公制单位转换所需的数字,例如,如果我想从厘米转换为毫米,它将返回 100。 这是实际的合作...

回答 2 投票 0

处理 Angular 中页面的多个实例 + 一些其他内容

我正在使用 AngularJS 构建一个新应用程序,下文是对其的简化描述。 有一个页面,其中有药丸和选项卡(使用 Bootstrap)以及侧窗格...

回答 2 投票 0

Angular 中如何实现国际化?

如何在 Angular 中实现国际化,特别是货币符号?我想根据本地化加载货币。 我在登录页面有类似这样的内容: 英语-英国

回答 1 投票 0

AngularJS - 初始化日期输入

我有一个应用程序,其中有几个日期字段需要接受来自用户和数据库的值。 我找到了这个解决方案,但仍然收到错误消息 错误:[ng...

回答 1 投票 0

根据窗口大小调整 Highchart 的大小

嗨,我有左侧导航菜单,右侧内容是高图表。 以下是我的 Highchart 配置, 这.InputData = { 图表:{类型:'列'}, 标题:{t...

回答 2 投票 0

如何在 Angular 17 中显示从一个组件中的 api 到另一组件的响应

这是我的服务代码: 从 '@angular/core' 导入 { Injectable } ; 从'rxjs'导入{BehaviorSubject}; @Injectable({ 提供于:'root' }) 导出类 ResponseService { 私人

回答 1 投票 0

Angular17 应用程序中的引导程序使用

如何从 CLI 在 Angular-17 应用程序中添加引导程序 我尝试使用 npm install -g bootstrap 全局安装 bootstrap 然后在 angular.json 中的样式和脚本中添加所需的行。 &...

回答 1 投票 0

Angular 12 构建警告:主题类

将我的 Angular 应用程序升级到版本 12 时,我在构建过程中收到有关用于切换主题的 .isDarkTheme 类的警告。 在此输入图像描述 是什么导致了这个警告...

回答 1 投票 0

检索“b5x-stateful-inline-icon”标志出错:超时 - 回退

我的小型 Angular 项目收到此错误消息。你知道如何解决吗? 错误消息的屏幕截图 我检查了我的代码,但没有找到解决方案。我希望看到

回答 1 投票 0

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