angularjs 相关问题

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

具有内置功能的基本状态管理

我想知道是否有一种简单的方法可以使用 Angular 18 的内置功能来处理应用程序状态。从利用依赖注入 (DI) 的简单服务开始会是一个不错的选择

回答 1 投票 0

self.ctx.$scope.$apply 不是函数

我正在 thingboard pe 上创建一个自定义小部件来调用 api 端点并以表格格式显示结果。我遇到了这个错误 - self.ctx.$scope.$apply 不是一个函数,因此...

回答 1 投票 0

简单的 javascript bookmarkerlet 不起作用,客户端验证脚本导致错误,我该如何绕过

非常感谢您的帮助。 我有一个巨大的数据电子表格,需要手动加载到网络表单 https://www.elogbook.org/ 中。 这将非常乏味,我看了几个选项并决定...

回答 1 投票 0

子组件是否会在 Angular 中重新渲染或重新初始化?

我是 Angular(14) 的新手,我面临一个问题。当我更新父组件的属性(这是一个数组)时,子组件会重新初始化(ngOnInit 函数正在运行)。 面对这个...

回答 1 投票 0

Angular 的 $log.debug() 未显示在 Chrome 的控制台上

最近我的 Chrome 浏览器停止在控制台上显示 $log.debug() 消息。我一直在我的所有控制器中使用这种 Angular 日志记录方式,而不是 console.log(),因为它是 e...

回答 2 投票 0

如何在 Angular 中向 index.html 添加内部脚本文件?

如何在index.html中插入自定义js文件?总是出现404错误 https://i.sstatic.net/e6EWe.png 但如果添加 custom.js 效果很好 https://i.sstatic.net/QWsPv.png 我无法使用 node_modules 因为...

回答 2 投票 0

单击 AngularJS 按钮上的元素之间切换

我有两个 div,想通过单击按钮在它们之间切换。以下是我尝试过的代码: 你好一 我有两个 div,想通过单击按钮在它们之间切换。以下是我尝试过的代码: <div id="one" *ngIf="show == true"> Hello One </div> <div id="two" *ngIf="show == false"> Hello Two </div> <button ng-init="show=true">Click to toggle</button> 我想在单击按钮时在两个 div 之间切换,但不知何故在这种情况下没有发生。我怀疑 show 永远不会设置为 false。我的错误可能是什么。我是 AngularJS 的菜鸟。如何在单击按钮时实现两个元素之间的切换?预先感谢。 首先,你必须写*ngIf,而不是ng-if。前一个表示法适用于 Angular,后者适用于 AngularJS(您正在使用的 Angular 的前身)。 其次,你是对的,代码中的 show 永远不会设置为 false。您需要在控制器中编写一个可以切换show值的函数,如下: constructor($scope) { $scope.show = true; $scope.toggle = function(){ $scope.show =!$scope.show; } } 那么,html可以如下: <div id="one" ng-if="show"> Hello One </div> <div id="two" ng-if="!show"> Hello Two </div> <button ng-click="toggle()">Click to toggle</button> 使用 ng-show 和 ng-hide 实现。使用以下内容: <div id="one" ng-show="show> Hello One </div> <div id="two" ng-hide="show"> Hello Two </div> <button ng-click="toggle()">Click to toggle</button> 在控制器中,添加以下内容: $scope.show = true; $scope.toggle = function(){ $scope.show =!$scope.show; } 参考:如何在 angularJS 中的元素之间切换 我已经实现了我的目标,但肯定想知道我们如何通过 ng-If 来实现 您可以使用 ng-click 并在其中使用所选按钮值示例更新全局变量 ng-click="$root.selected = 'btn_1'",然后使用 ng-if 在应用程序中添加另一个部分,以根据所选按钮(单击的按钮)切换部分 完整代码示例 <!DOCTYPE html> <html lang="en" ng-app="myAPP"> <head> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script> <style>section {padding: 10px; background: lightblue;text-align: center;}#section2{background: lightgreen;}</style> </head> <body> <script> const app = angular.module('myAPP', []); app.controller('bodyController', function($scope, $rootScope) { $rootScope.selected_btn = ''; }); </script> <button ng-click="$root.selected = 'btn_1'">Button 1</button> <button ng-click="$root.selected = 'btn_2'">Button 2</button> <section id="section1" ng-if="selected === 'btn_1'">Section 1</section> <section id="section2" ng-if="selected === 'btn_2'">Iam Section 2</section> </body> </html>

回答 3 投票 0

无效的 JSON,Angular $http.post 中的 400 错误请求

这是我的数据对象: var 账单 = { “类型”:“插入”, “参数”:{ “表”:“财务数据”, “对象”:[ ...

回答 1 投票 0

如何使用 ng-model 格式化日期?

我有一个输入定义为 其被设置为显示在页面的其他位置: 出生...

回答 10 投票 0

Javascript - 获取上个月的日期

如果我有一个返回日期的变量,格式为 dd MMM yyyy,即 2014 年 8 月 28 日,我如何获取上个月的日期。 我可以通过以下方式修改月份: $scope.DateMapping = 函数 (mo...

回答 9 投票 0

Javascript 中的回调、Promises、异步等待 - 仍然令人困惑

我是 Javascript 新手,我看了很多视频,但我仍然无法理解回调、承诺和异步等待的确切用法。在这里,我根据我的知识编写了一些小代码。 我的index.html: 我是 Javascript 新手,我看了很多视频,但我仍然无法理解回调、承诺和异步等待的确切用法。在这里,我根据我的知识编写了一些小代码。 我的index.html: <!DOCTYPE html> <html lang="en" ng-app='myApp'> <head> <meta charset="UTF-8"> <title>Index</title> <script src='https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.5/angular.min.js'></script> <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js'></script> <script src='script.js'></script> </head> <body ng-controller='myController'> </body> </html> script.js: angular .module('myApp', []) .controller('myController', function($scope, $http) { // i think these are callbacks function callback(response) { console.log("Animal name:", response.data); } function callbackerr(response) { console.log("err:", response); } $http({ method: 'GET', url: 'animalname.json' }).then(callback) .catch(callbackerr); // i think these are promises $http({ method: 'GET', url: 'animalage.json' }).then(function(response) { console.log("Animal age: ", response.data); }).catch(function(error) { console.log(error); }) // i think to write new code in async await // how to write my above code using async await? }); 如果我对回调、承诺的假设是错误的,请修改并解释。 帮助我! 回调只是一个函数,它作为参数传递到另一个函数中,然后在其中执行。 Promise 只是一种也接受回调的模式。要在 javascript 中使用新的异步/等待模式编写相同的内容,您可以编写类似这样的内容。 注意控制器函数以 async 为前缀。 Async/await 只是让代码看起来更加程序化。 angular .module('myApp', []) .controller('myController', async function($scope, $http) { const response = await $http({ method: 'GET', url: 'animalage.json' }) console.log("Animal age: ", response.data); }); 我可以理解您的困惑,当我们进行同步调用时,即当您向服务器发送请求时,JavaScript 不会停止执行以下代码。当以下代码使用服务器请求的响应数据时,这可能会出现问题,因为服务器请求可能尚未完成。这是通过承诺解决的。 Javascript 的事件驱动方法为我们提供了两个事件,一个是在 Promise 被解析时(服务器响应数据),另一个是在 Promise 被拒绝时(服务器错误)。 在.then块中,我们可以调用使用响应数据的回调函数。在 .catch 块中,我们可以调用回调函数,通知用户错误或重试服务器请求。 因此,我们可以调用 .then 和 .catch 函数的任何函数都是 Promise,而我们在 .then 和 .catch 块中编写的函数称为回调函数。 回调:回调是一个可以作为另一个函数的参数传递的函数。然后可以稍后调用它来使用和处理异步编程。 Promise:Promise 是回调机制的更新,可以轻松处理异步操作。它实际上使处理异步任务变得容易,而不是回调地狱(嵌套回调)问题。 Async/Await:Async/Await 直观且直接地构建在 Promise 之上。 我找到了一篇关于 Async/Await 的主题和演变的优秀文章:https://masudsaiful.github.io/javascript-async-await-step-by-step-tutorial

回答 3 投票 0

在现有的 AngularJS 产品中构建 ReactJS 组件

开始一个新项目,涉及 UI 重新设计并向使用 AngularJS v1.9.0(是的,非常旧的版本)构建的应用程序添加新功能。该应用程序正在生产中,并被许多人使用...

回答 1 投票 0

使用标签将 Angular 应用程序集成到 index.php 中

我必须使用特定标签将 Angular 应用程序集成到 index.pxp 文件中。它已经通过使用旧的 Angular JS 应用程序完成了;现在我必须通过创建一个新应用程序来做同样的事情(我们称之为......

回答 1 投票 0

如何将base64格式转换为角度中的word文档预览[关闭]

在 Angular 中我们有图书馆吗? 我正在寻找一些例子,但没有找到。 我找到了一个库 ngx-doc-viewer 它有一个 url,但我有 base64,我需要将其转换为 word

回答 1 投票 0

解决路由器内部内容时AngularJS 错误处理?

我一直在研究如何最好地处理错误。假设我有这个 AngularjS 代码: $routeProvider .when('/videomail/:key', { templateUrl : 'view.html',

回答 2 投票 0

Angular Js Id 转换为其他格式

我现在使用 Angular js,当单击按钮时我遇到错误,它将触发一个函数 这个函数传递一个值,它将像这样转换该值:1e+21,但实际值就像......

回答 1 投票 0


如何在 Angular 12 中创建带有子列的表格

在此输入图像描述 我正在尝试在 Angular 12 中创建一个带有子列的表。我已经添加了我实际想要创建的图像。 我正在尝试使用 sub

回答 1 投票 0

如何使用dexie.js 添加新条目

使用 Dexie 我正在尝试添加一个新条目,但只有在指定 id 编号时才能添加它。我希望 id 作为主键自动递增,如何实现? 这有效 ...

回答 3 投票 0

无法在 TypeScript 中映射

我目前正在学习教程,但我陷入了这个错误: TS2345:“OperatorFunction”类型的参数不可分配给“

回答 1 投票 0

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