angularjs 相关问题

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

type script 类型参数 '{ type: string[]; }' 不可分配给“BlobPropertyBag”类型的参数

我尝试将您的代码集成到我的打字稿代码库中...... 我收到这样的错误 [ts] 类型参数 '{ type: string[]; }' 不可分配给类型为“BlobPropertyBa...”的参数

回答 1 投票 0

无法从角度访问S3存储桶图像

我正在尝试从角度应用程序访问S3存储桶图像,但它给出了403(禁止错误),但它们是公共的,可以直接访问。 由于角度原因是否存在 CORS 问题?

回答 1 投票 0

奇怪的行为:Angular Js - Spring Rest 服务

我在中间层使用Angular JS和Spring 4 Rest服务。我在请求标头中遇到奇怪的行为。我的应用程序显示用户信息的基本仪表板。第一次...

回答 1 投票 0

HTML 日期输入不使用 javascript 显示日期

我正在使用 Angularjs 和 Angular 8 开发混合应用程序。我正在使用 datepicker 来显示从 api 获取的日期,但问题是如果我使用输入类型作为“文本”...

回答 1 投票 0

Angular-oauth2-oidc - Angular SSO(单点登录)oAuth2

注销并清除会话存储后,问题仍然存在,登录表单在下次登录时不会提示输入帐户。各种身份验证流程,例如

回答 1 投票 0

jQuery 数据表在 Angular 中不刷新

我在我的 AngularJS 应用程序中使用 jQuery 数据表。 GET API 调用成功后,我将结果设置为范围变量并使用超时来初始化数据表。 $scope.successCallback...

回答 2 投票 0

Kendo Datepicker月份内容,如何调用函数

在 Kendo 日期选择器的内容属性中,我想调用控制器函数来设置日历中给定日期单元格的背景颜色。到目前为止我的代码: 在 Kendo 日期选择器的内容属性中,我想调用控制器函数来设置日历中给定日期单元格的背景颜色。到目前为止我的代码: <!DOCTYPE html> <html> <head> <title>AngularJS example</title> <link rel="stylesheet" href="https://kendo.cdn.telerik.com/themes/6.7.0/default/default-ocean-blue.css"> <script src="https://kendo.cdn.telerik.com/2023.2.829/js/jquery.min.js"></script> <script src="https://kendo.cdn.telerik.com/2023.2.829/js/angular.min.js"></script> <script src="https://kendo.cdn.telerik.com/2023.2.829/js/kendo.all.min.js"></script> </head> <body> <div id="example" ng-app="MyModule"> <div ng-controller="MyCtrl"> <input kendo-date-picker k-options="datePickerOptions"/> </div> </div> <script> angular.module("MyModule", ["kendo.directives"]) .controller("MyCtrl", function ($scope) { $scope.datePickerOptions = { value: new Date(), month: { content: (data) => {{dateBackground(data)}} }, }; $scope.dateBackground = function(data) { return "<span class='color'>" + data.value + "</span>"; } }) </script> <style> .k-calendar-td:has(.color){ background-color: red; } </style> </body> </html> 但是,当我尝试此代码时,我收到此错误: result:7 Uncaught ReferenceError: dateBackground is not defined at content (result:7:36) at _e (kendo.all.js:322401:19) at content (kendo.all.js:322401:19) at ee (kendo.all.js:322401:19) at Object.content (kendo.all.js:322401:19) at init.navigate (kendo.all.js:322401:19) at init.setOptions (kendo.all.js:322401:19) at N._setOptions (kendo.all.js:322401:19) at N._calendar (kendo.all.js:322401:19) at N.open (kendo.all.js:322401:19) 我可以这样做吗?如果是这样,正确的语法是什么? 你有一个拼写错误,它应该是$scope.dateBackground(data),因为它是在控制器的范围上定义的! angular.module("MyModule", ["kendo.directives"]) .controller("MyCtrl", function($scope) { $scope.datePickerOptions = { value: new Date(), month: { content: (data) => { { $scope.dateBackground(data) } } }, }; $scope.dateBackground = function(data) { return "<span class='color'>" + data.value + "</span>"; } }) .k-calendar-td:has(.color) { background-color: red; } <!DOCTYPE html> <html> <head> <title>AngularJS example</title> <link rel="stylesheet" href="https://kendo.cdn.telerik.com/themes/6.7.0/default/default-ocean-blue.css"> <script src="https://kendo.cdn.telerik.com/2023.2.829/js/jquery.min.js"></script> <script src="https://kendo.cdn.telerik.com/2023.2.829/js/angular.min.js"></script> <script src="https://kendo.cdn.telerik.com/2023.2.829/js/kendo.all.min.js"></script> </head> <body> <div id="example" ng-app="MyModule"> <div ng-controller="MyCtrl"> <input kendo-date-picker k-options="datePickerOptions" /> </div> </div> </body> </html>

回答 1 投票 0

如何在客户端以角度方式解码SAML?

我有 SAML 代码。 PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj48L25zMzpSZXNwb25zZT4= 我需要对其进行解码并使用角度获取值。 从 '@

回答 1 投票 0

从对象数组中选择特定属性 Angular

我有一个对象数组,例如就像下面的一个。 [{“foo”:“a”,“bar”:“x”,baz:1}, {“foo”:“b”,“bar”:“y”,baz:2}, {“foo”:“c”,“bar”:“z”,baz:3}] 现在我只想选择 foo

回答 2 投票 0

在 AngularJS 标签中使用变量

要使用 ng-repeat 创建列表的 URL 链接,我应该如何使用 location.href 中的变量? 要使用 ng-repeat 创建列表的 URL 链接,我应该如何在 location.href 中使用变量? <ul ng-repeat="item in items"> <button type="button" class="btn btn-success me-1" onclick="location.href='/view-panel/{{ item.url}}'"> no: {{item.no}} </button> </ul> 我尝试过,但没有成功。请告诉我更好的方法。 像这样使用ng-click HTML <button type="button" class="btn btn-success me-1" ng-click="navigateToPanel(item.url)"> 代码 $scope.navigateToPanel = function(itemUrl) { location.href =`/view-panel/${ itemUrl }`; };

回答 1 投票 0

降级在 angularjs 上下文中使用的角度组件不会渲染

我遵循了大多数文章和 SO 帖子,以实现准备迁移的 angularJS 应用程序的基本/标准引导。 从“@angular/core”导入{DoBootstrap,NgModule}; 导入 {

回答 1 投票 0

NullInjectorError:R3InjectorError [ToastrService - > ToastrService - > InjectionToken ToastConfig - > InjectionToken ToastConfig]:

当我在主模块组件中添加 ngx-toastr ProvideToast() 时,我陷入了在 angualr 16 的角度独立微前端中添加 ngx-toastr 的困境。请检查下面的屏幕截图: 谢谢 输入我...

回答 1 投票 0

Ionic 5 Angular ...如何使用守卫跳过登录页面以及如何启动设备

我有一个 ionic 5 项目。 成功登录并关闭应用程序后 再次打开应用程序后显示 1 秒登录页面,然后重定向到路由页面,我的情况是主页 如何预防...

回答 1 投票 0

如何使用 Angular js 从数据库中删除元素

我目前正在练习 Angular 并从它开始,我也在做一个 MEAN 堆栈应用程序,并且我正在尝试创建一个删除函数以便从数据库中删除一个元素,但它是......

回答 1 投票 0

用数组初始化 Angular 范围变量

我正在为我的应用程序使用 AngularJS。我正在将 json 格式的数据传递到 Web API。我在将复选框中的多个选定值从 Angular 控制器传递到 WebAPI 时遇到问题。 这是我的

回答 1 投票 0

可以将 Angular 路由器配置为在单击具有本地 href 的锚点时更新 Angular 路由吗?

我正在将 angularjs 应用程序转换为 Angular 9 应用程序。我们的代码的一部分是一个内容管理系统,它加载在其他地方编写和存储的 HTML。此 HTML 包含

回答 1 投票 0

Ng-Zorro 与 Bootstrap 冲突

我创建了一个搜索栏,其中包括放大镜和清除按钮(“X”符号)。 HTML: 我创建了一个搜索栏,其中包括放大镜和清除按钮(“X”符号)。 HTML: <div class="search-container"> <input class="search-Input form-control custome-search-input dark-placeholder" aria-labelledby="search-label" id="search-input" autofocus="true" placeholder="Search" type="search" > <label class="search-icon search-icon-placeholder" for="search-input" id="search-label"> <svg width="20" height="20" class="search-Search-Icon" viewBox="0 0 20 20"> <path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </label> </div> CSS: .search-container { position: relative; display: inline-block; } .search-icon { position: absolute; top: 50%; right: 8px; transform: translateY(-50%); cursor: pointer; } .search-Input:not(:placeholder-shown) + .search-icon-placeholder { display: none; } 但是,当我将代码集成到我的 Angular 项目中时,出现了放大镜,但缺少清除按钮。我已确定安装在我的项目中的 Ng Zorro 正在干扰 type="search" 功能。 是否有任何解决方法可以启用清除按钮而不完全禁用 Ng Zorro 或诉诸 Ng Zorro 的搜索栏?我的目标是有选择地禁用此特定输入字段的 Ng Zorro 或强制其显示清除按钮。 谢谢你 我们可以使用模板添加X按钮,然后我们可以在关闭按钮下方添加放大镜图标,请参阅以下工作示例供您参考! import { Component } from '@angular/core'; @Component({ selector: 'nz-demo-input-allow-clear', template: ` <nz-input-group [nzSuffix]="inputClearTpl"> <input type="text" nz-input [(ngModel)]="inputValue" placeholder="input with clear icon" /> </nz-input-group> <ng-template #inputClearTpl> @if (inputValue) { <span nz-icon class="ant-input-clear-icon" nzTheme="fill" nzType="close-circle" (click)="inputValue = null" ></span> } <svg style="margin-left: 5px;" width="20" height="20" class="search-Search-Icon" viewBox="0 0 20 20"> <path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </ng-template> `, }) export class NzDemoInputAllowClearComponent { inputValue: string | null = null; textValue: string | null = null; } Stackblitz Demo

回答 1 投票 0

npm 错误!代码 CERT_HAS_EXPIRED - Angular 13

我已经安装了 Angular,它向我显示了版本和所有内容。但是当我尝试运行命令 npm start 时,它给了我错误。我已经卸载并重新安装了所有内容,但这个问题没有解决...

回答 2 投票 0

通知权限总是被拒绝

我正在使用Notification.permission来检查浏览器是否允许通知。 以下是我在代码中检查Notification.permission的方法: // 让我们检查一下浏览器是否支持

回答 1 投票 0

我正在使用角材质matInput matFormfield和matselect,但它没有在屏幕上显示

首先,我手动添加垫子组件,一开始它可以工作,但后来我使用 bard 根据我给出的模式编写其余的代码,然后我开始复制和粘贴...

回答 1 投票 0

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