angularjs 相关问题

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

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

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

回答 1 投票 0

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

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

回答 1 投票 0

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

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

回答 1 投票 0

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

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

回答 1 投票 0

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

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

回答 2 投票 0

Webstorm:“无法解析目录”

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

回答 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 标签应该就足够了

回答 4 投票 0

角度错误 TS2531:对象可能为“空”

所以我有一个 Component.html,其中包含如下输入: 组件.ts 是: 导入 { 组件...

回答 4 投票 0

Angular 为多个选定选项编写通用函数

您能否建议如何按事件选择两个选项的通用功能 $scope.selectionOpt = 函数($event){ 警报($事件.目标.值); } < 您能否建议如何按事件选择两个选项的通用功能 $scope.selectionOpt = function($event){ alert($event.target.value); } <form> <select ng-change="selectionOpt($event)"> <option value=""></option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select> <select ng-change="selectionOpt($event)"> <option value=""></option> <option value="asia">Asia</option> <option value="india">India</option> <option value="europe">Europe</option> </select> </form> 我们需要将 ng-model 与 ng-change 一起使用,这样角度就不会出现错误,我们只需传入 ng-model 字段并提醒已传递值! var myApp = angular.module('myApp', []); function AppCtrl($scope, $http) { $scope.dropdown2 = null; $scope.dropdown1 = null; $scope.send = function() { console.log($scope); } $scope.selectionOpt = function(optionValue) { alert(optionValue); } } myApp.controller("AppCtrl", AppCtrl); <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.10/angular.min.js"></script> <div ng-app="myApp"> <div ng-controller="AppCtrl"> <form> <select ng-model="dropdown1" ng-change="selectionOpt(dropdown1)"> <option value=""></option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select> <select ng-model="dropdown2" ng-change="selectionOpt(dropdown2)"> <option value=""></option> <option value="asia">Asia</option> <option value="india">India</option> <option value="europe">Europe</option> </select> </form> <hr/> dropdown1: {{dropdown1}}<br/> dropdown2: {{dropdown2}} </div> </div>

回答 1 投票 0

错误:<spyOnProperty>:函数未声明为可配置

我使用 webpack 3 进行了 jasmine 测试。现在我尝试将它与 webpack 4 一起使用,但遇到了一些问题。 首先我遇到了间谍功能的问题。 错误::myFunction 未声明为...

回答 5 投票 0

SheetJS 使用 json_to_sheet 指定标题顺序

我在 Angular 中使用 SheetJS 将 json 导出为 .xlsx 文件。作为参考,json 可能如下所示: [{ “ID”:“E111”, “姓名”:“约翰”, “最后L...

回答 2 投票 0

md-有错误的自动完成仅在第一次有效

在角度材料演示中,当我测试自动完成浮动标签示例时,它无法正常工作并出现错误 https://material.angularjs.org/latest/demo/autocomplete 点击“最喜欢的站...

回答 2 投票 0

将应用程序从 AngularJS 转换为 React-Typescript 微前端的最佳方法

我们有单体 AngularJS 应用程序,现在我们要迁移到 ReactJS 微前端应用程序。在 AngularJS 应用程序中,我们总共有 64 个 html 页面。根据包含 LayoutId 的 API 响应,我们...

回答 1 投票 0

有角材料 - 底板 - 延伸高度

如何控制底板的高度? API似乎没有指定这一点... 谢谢

回答 2 投票 0

更新package.json中的版本与POM中的project.version相同

我实际上正在尝试对我的项目进行一些自动化。 实际上,我运行一个命令来更新我的 POM 版本,使用 gin mvn --batch-mode release:update-versions -DdevelopmentVersion=X.X.X-SNAPSHOT。 我

回答 3 投票 0

Ionic,在 iOS 上将按钮保留在键盘上方

我需要此页面底部的“确定”按钮在打开时保持在键盘上方。它可以在 Android 上运行,如左侧的屏幕截图所示,但不能在 iOS 上运行(屏幕截图在...

回答 2 投票 0

有什么方法可以隐藏 Angular v12 中的查询参数吗?

我不想让用户看到查询参数 this.router.navigate([/cbam-tools/stepper/update/${runID}],{ queryParams: { ProductID: record.productID} }); 更好的方法是如果有人可以帮助如何...

回答 1 投票 0

Angular 17 中的路线不匹配

我是角度新手。 我正在尝试从 Angular17 中的一个页面导航到另一页面。我收到错误“路由不匹配”。尽管我已经在适当的地方添加了路径...

回答 1 投票 0

为什么 AngularJS 形式的 ng-pristine 类总是返回 true

为什么 AngularJS 形式的 ng-pristine 类总是返回 true。 在输入字段中输入一个值并单击按钮,它不会返回 false,而是返回 true。 测试.html 为什么 AngularJS 形式的 ng-pristine 类总是返回 true。 在输入字段中输入一个值并单击按钮,它不会返回 false,而是返回 true。 测试.html <div ng-app="myModule"> <div ng-controller="myController"> <form name="myForm" ng-submit="su()"> <input name="input1" type="text"> <button id="button1" type="submit" >>>>>></button> </form> myForm.$pristine : {{results}} </div> </div> 测试.js var module = angular.module("myModule", []); module.controller("myController", function($scope) { $scope.su = su; $scope.results = "default"; function su() { $scope.results = $scope.myForm.$pristine; } }); 我们需要给表单元素添加 ng-model 属性,这样 pristine 和 dirty 都会更新,之后就可以正常工作了。 Pristine 定义如下 原始: ng-pristine 类表明表单尚未被用户修改。如果用户未修改表单,则返回 true。返回类型:如果用户未修改表单/输入字段,则返回 Boolean True,否则返回 False。 原始肮脏物品 下面的工作示例! var module = angular.module("myModule", []); module.controller("myController", function($scope) { $scope.su = su; $scope.results = "default"; function su() { $scope.results = $scope.myForm.$pristine; } }); <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.10/angular.min.js"></script> <div ng-app="myModule"> <div ng-controller="myController"> <form name="myForm" ng-submit="su()"> <input name="input1" type="text" ng-model="input1"> <div class="info" ng-show="myForm.input1.$pristine"> Now Pristine </div> <div class="error" ng-show="myForm.input1.$dirty"> Now Dirty </div> <button id="button1" type="submit" >>>>>></button> </form> myForm.$pristine : {{myForm.$pristine}} </div> </div>

回答 1 投票 0

Angular 服务器抛出错误,但 API 调用正常,并且错误不在浏览器上

我有一个 API,它在 API 调用的 URL 中接收 JWT 令牌以返回用户信息。 我的功能: getUserByTokenJWT 用例 正常执行并设法完成字段,并带有

回答 1 投票 0

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