为什么在Angular中丢失了对变量的引用？
在Angular中丢失对变量的引用可能是由于以下几个原因导致的：
- 变量作用域问题：在Angular中，使用了一种称为"作用域"的机制来管理变量的可见性。如果变量在组件的某个作用域内定义，而在另一个作用域中尝试访问该变量，就会导致丢失对变量的引用。这通常发生在嵌套组件或模板中。
解决方法：确保在需要访问变量的作用域内定义和引用变量。可以使用Angular提供的@ViewChild或@ContentChild装饰器来获取嵌套组件或模板中的变量引用。
- 变量绑定问题：在Angular中，可以使用数据绑定来将组件中的变量与模板中的元素或属性进行绑定。如果绑定不正确或被覆盖，就可能导致对变量的引用丢失。
解决方法：确保正确地使用数据绑定语法，并检查绑定是否正确地绑定到了目标元素或属性上。
- 变量重置问题：在Angular中，当组件的某个属性或变量发生变化时，Angular会重新渲染组件的视图。如果在重新渲染时没有正确地处理变量的引用，就可能导致对变量的引用丢失。
解决方法：在组件中正确地处理变量的引用，可以使用Angular提供的生命周期钩子函数（如ngOnInit、ngOnChanges等）来监听变量的变化，并在变化发生时更新引用。
总结起来，丢失对变量的引用可能是由于作用域问题、变量绑定问题或变量重置问题导致的。为了避免这种情况发生，需要在Angular开发中注意正确地定义和引用变量，正确地使用数据绑定语法，并在需要时更新变量的引用。
相关·内容
简短的问题是:我们需要在AngularJS工厂和服务中使用var self = this;吗？
我见过工厂或服务的AngularJS代码，它们使用var self = this;来记住自身(服务对象)，然后在服务对象的函数中使用self引用自身。(有点像我们害怕失去this是什么，所以我们根据闭包的原则将self = this设置为稍后使用它。
然而，我发现我们可以安全地使用this。为什么？因为我们得到一个单独的服务对象，并且当我们调用myService.getNumber()时，this被绑定到服务对象myService，所以它可以工作。示例：
如果它是一项服务：
angular.mod
浏览 0提问于2016-02-29得票数 2
2回答
为什么为int在json_var中同步数据而不是为int同步
myService.json_var在$scope.json_var更改时被更新。当myService.int_var更改时，不会更新$scope.int_var。
var myApp = angular.module('myApp', []);
myApp.factory('myService', [
function() {
return {
json_var : {val:17},
int_var : 36
}
}
]);
浏览 7提问于2013-12-18得票数 3
回答已采纳
我在这里设置了一个小小提琴，，我想知道是否有人能解释为什么更改对象不起作用，同时更改对象的属性，或者用前面的"$scope“来更改对象。
原因是我试图避免在控制器函数中使用范围，这样就可以更容易地测试它们。
我真正的任务是用ng单击=“重置(当前，主)”
$scope.reset = function (current, master) { angular.copy(current, master); }
这不起作用，而这起作用：
$scope.reset = function (current, master) { angular.copy($scope.current, maste
浏览 1提问于2013-09-04得票数 3
回答已采纳
我在角js中创建工厂的套接字，但是on & emit函数作为断开连接的本地主机:5793。我的意思是var socket = io.connect();和socket = io.connect('http://localhost:5793');是两个不同的连接。做得对吗？如何两个套接字io是相同的变量(连接)？
var App = angular.module("App", [
]);
App.factory('socket', ['$rootScope', function($rootScop
浏览 1提问于2016-11-26得票数 0
回答已采纳
我仔细阅读了AngularJS源代码，不禁注意到以下几点：
_angular = window.angular,
/** @name angular */
angular = window.angular || (window.angular = {}),
这句话对我来说很有意义：
angular = window.angular || (window.angular = {}),
“如果在窗口中已经定义了角，则使用角，或者将window.angular分配给空对象，并将角局部变量设置为window.angular。”
一些问题：
浏览 2提问于2014-04-23得票数 5
回答已采纳
2回答
如果我必须删除数组中的所有项，那么使用new Array和length = 0有什么区别呢？在这个例子中，显然结果看起来是一样的。
function MyCtrl($scope) {
$scope.arrayData = ["1", "2", "3"];
$scope.newArray1 = function(){
$scope.arrayData = new Array();
}
$scope.newArray2 = function(){
$sco
浏览 2提问于2016-04-11得票数 5
回答已采纳
如果我有两个控制器和一个在控制器之间通信的服务，那么一个控制器的作用域如何影响服务中的值？对我来说，这看起来像是用来自服务的值来设置控制器的值，仅此而已，但控制器可以在不调用任何setter方法的情况下更改服务值？这是一种好的和高性能的服务处理方式吗？我找了一下，但没有找到一个好的答案。欢迎对文档和博客帖子的答案和示例，谢谢。
// App.js
angular.module("myApp",[]);
angular.module("myApp").service("shareSvc", function(){
var _item
浏览 1提问于2015-03-09得票数 1
2回答
我正在修改服务中的数组，同时绑定到指令中的服务属性。现在我想从数组中删除一个项，但是我无法让Array.filter工作。我不确定是因为Array.filter是异步，还是因为它返回新数组，而不是修改原始或$digest循环。普通的for循环确实有效，但是既然我读到了更声明性数组方法的优点，我想我会问您为什么它不能工作。
指令
(function () {
"use strict";
function MyDirective(MyService) {
return {
restrict: "E",
templateUrl
浏览 6提问于2014-11-24得票数 0
回答已采纳
1回答
我正在致力于一个angularjs项目，并试图实现它尽可能接近angularjs 2。
在angularjs 2中，将不再有ng控制器和$scope，所以我使用指令而不是ng控制器。此外，我还试图通过使用控制器by语法来避免使用$scope。
我的指令应该是这样的：
angular.module('myApp').directive('myDirective', function() {
return {
controller: function() {
this.data = '123';
浏览 4提问于2015-07-22得票数 0
回答已采纳
1回答
我想从数据库读取数据到html文件，但它不显示数据。我有ProjectList组件，如下所示：
import {Component,OnInit,OnDestroy} from '@angular/core';
import {NgControl} from '@angular/common'; // ?
import {AppServiceProjectList} from '../services/app.service.projectlist';
import {DateString} from '../utils/Date
浏览 3提问于2016-07-28得票数 1
1回答
在下面的脚本中，"btn“是OnEnable()方法中的一个局部变量。据说，当离开计数方法时，局部变量被取消分配(丢失)。为什么这个(btn)不是？注意:当游戏运行时，点击按钮(OnClick)方法被调用
using UnityEngine.ui;
List _answers;
public List Answers { get { return _answers; } }
[SerializeField] Button buttonPrefab;
private void OnEnable()
{
CreateAnswerButtonPool();
for
浏览 0提问于2022-05-11得票数 0
回答已采纳
1回答
为什么在1、2、3种情况下，更改服务中的消息不会影响显示的消息？
var app = angular.module('app', []);
app.factory('Message', function() {
return {message: "why this message doesn't changed"};
});
app.controller('Changer', function($scope, Message) {
Message.message = "first" // (1
浏览 0提问于2013-04-20得票数 0
回答已采纳
我正在尝试创建一个自定义的异步验证器，它转到服务器并检查电子邮件是否已经注册。
不幸的是，get请求似乎从未触发过，因为什么都没有发生。我在subscribe中尝试了多个console.logs，但它们都不能运行。
我已经检查了该请求是否在验证器之外工作，它确实有效，所以这不是问题所在。
import { Component } from '@angular/core';
import { FormGroup, FormBuilder, Validators, FormControl } from '@angular/forms';
import { Respo
浏览 2提问于2016-08-11得票数 7
回答已采纳
1回答
我认为这是一个范围问题，但我无法理解。
我的服务如下：
(function (module) {
var portalService = function ($timeout, $http, $q, alerting, $cookies, $cookieStore, STATUS_OK, STATUS_FAIL, APP_COOKIE) {
var _permissions = {};
var permissions = function ()
{
var def = $q.defer();
if (loggedIn) {
浏览 0提问于2015-11-25得票数 0
回答已采纳
我对Angular JS非常陌生，但我可以大体上理解JS。Angular有一种完全不同的方法，所以我不知道该怎么做：
我得到了一个对象数组，这样我就可以通过属性进行排序，并通过附加到输入"query“的模型提供的字符串进行过滤。
一切都很好，直到我需要保留按属性"group“分组的对象，而数组是按输入中键入的关键字过滤的。
<input ng-model='query' type='text'>
<div ng-repeat='reservation in reservations | filter: query
浏览 2提问于2013-08-18得票数 0
我正在尝试使用ReSharper测试运行器运行AngularJS控制器的Jasmine单元测试，这样我就可以在VS2012中的一个地方运行我的客户端和服务器端测试。
我遇到了一个问题，ReSharper测试运行器失败了，并显示了一条消息“不确定:测试没有运行”。使用AngularJS种子项目附带的测试运行器可以很好地运行相同的测试。
以下是我用于故障排除的简单测试：
/// <reference path="~/Scripts/angular/angular.js"/>
/// <reference path="~/tests/test/lib/ang
浏览 2提问于2013-07-12得票数 8
回答已采纳
1回答
我正在学习Angular 2，我对'this‘这个关键字感到困惑。考虑下面的代码：
import { Component, OnInit } from '@angular/core';
import { Hero } from '../heroes';
import { HEROES } from '../mock-heroes';
@Component({
selector: 'app-heroes',
templateUrl: './heroes.component.html',
s
浏览 0提问于2018-01-01得票数 1
我目前正在编写一个教程，它将角JS集成到Rails应用程序中。
测试设置如下：
describe( 'Club functionality', function() {
// mock Application to allow us to inject our own dependencies
beforeEach(angular.mock.module('league'));
// create the custom mocks on the root scope
beforeEach(angular.mock.inject(function
浏览 2提问于2014-02-03得票数 12
回答已采纳
1回答
在我的Angular 10应用中，我使用innerHtml呈现了一些带有锚点链接的内容。 现在，对于每个点击的链接，我需要调用一个函数，而这个函数实际上将调用angular服务。 在我的代码下面，将addEventListener附加到所有链接 ngAfterViewInit() {
this.privacy_policy = this.elementRef.nativeElement.querySelectorAll('a.privacy_policy');
this.privacy_policy.forEach((anchor: HTMLAnchorE
浏览 13提问于2020-08-20得票数 0
回答已采纳
有人能告诉我解决方案吗?这是我的代码？在使用本地服务器时，当我移动到宿主服务器时，会出现以下错误。
Error: No provider for e!
at _e (vendor.c6cd506179cfc8072419.bundle.js:1)
at vendor.c6cd506179cfc8072419.bundle.js:1
at e._throwOrNull (vendor.c6cd506179cfc8072419.bundle.js:1)
at e._getByKeyDefault (vendor.c6cd506179cfc8072419.bundle.js:1)
at e._get
浏览 0提问于2018-05-12得票数 0
我是angular2的新手，但在角1.x方面有经验。所以我有几个问题。
angular2对频繁的DOM操作有好处吗？
如何处理事件处理，因为angular2不支持jqlite。不喜欢使用jquery。
动态造型。
我想弄清楚为什么要处理这些案子。
浏览 3提问于2016-04-06得票数 0
我在AngularJS中遇到了一个问题，我无法解决它。
我的html代码中有一个简单的搜索栏：
<html ng-app="webApp">
<body>
<div class="row" ng-controller="IndexController">
<div class="col-lg-6 col-lg-offset-3 text-center">
<form>
<div class="i
浏览 0提问于2015-12-23得票数 0
我有一个父控制器，其中我初始化了一个作用域变量x= false。在它引用的html中，我检查了它的值以显示/隐藏一个元素。我还根据ng-click更改了它的值。
在控制器中-
$scope.x= false；
在它的html中-
<div ng-if="x" ng-click="x= true">
<my-directive x="x"></my-directive>
</div>
如您所见，我在其中也引用了一个指令，它将"x“变量继承到它的作用域中。
指令定义：
'us
浏览 0提问于2015-12-08得票数 1
2回答
在我今天看到一个例子之前，我一直以为我理解了java中局部变量和全局变量的区别。在这段代码中，我们尝试将元素添加到方法中的链接列表中：
public void addDataPacket(DataPacket data){
PacketQueueElement newElement = new PacketQueueElement(data);
if(firstElement != null){
lastElement.setNextElement(newElement);
lastElement = newElement;
}
浏览 0提问于2014-02-18得票数 2
回答已采纳
6回答
在这个Angular.io 中，我展示了：
<input #searchBox id="search-box" (keyup)="search(searchBox.value)" />
我不明白的地方是：#searchBox。有人能解释一下吗？
这个哈希标签让我想起了id的jQuery选择器，但我不太清楚这意味着什么，因为我们已经有了一个id。
浏览 0提问于2017-09-05得票数 11
回答已采纳
我这里有个难题：
angular.module('myApp', [])
.controller('Ctrl', function($scope) {
$scope.name = 'Hello';
$scope.myNumbers = [10, 20, 30];
$scope.printNumbers = function() {
console.log($scope.myNumbers);
}
});
当我在输入栏中输入时，文本会“实时”更新。但是，当我点击print时，原来的数字显示在控制台中
浏览 0提问于2014-07-15得票数 1
1回答
我是AngularJS的新手，以webSocket为基础，我的应用程序应用程序应该从webSocket获取jSon数据并填充UI。示例包含带有选择变量的工厂，绑定在HTML模板上给出结果，但是当我添加searchStatus变量时，我无法看到它在UI上的自动更新(绑定)。为什么？
<div ng-app="portScanner">
<h2>Port scanner</h2>
<div ng-controller="SimplePortScannerController">
浏览 0提问于2015-11-26得票数 3
回答已采纳
看起来我的问题很简单(我可能很傻;)，但没能指出出来。
我发现了一些关于角度上的localStorage (使用ngStorage)的相同问题的主题，但是我不明白为什么这个语法不能工作：
function myCtrl($scope, $http, $resource, $storage, $localStorage) {
....
}
myCtrl.$inject = ['$scope', '$http', '$resource', '$storage', '$localStorage'];
此外，
浏览 2提问于2014-08-28得票数 1
2回答
从函数- c++获取输入
、、、
在c++中，我遇到了一个问题，我调用了一个函数，它为事物分配了一些值，但是这些赋值在函数完成后就丢失了。这是我的代码：
#include <iostream>
#include <string>
using namespace std;
void Input(string a, string b){
cout << "Input a: \n";
cin >> a;
cout << endl;
cout << "Input b: \n";
cin
浏览 1提问于2015-05-07得票数 0
回答已采纳
我正在使用。
我浏览了以下链接：
但是，在运行以下代码时会出现Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.2.16/$injector/modulerr?p0=test&p1=Error%3A%2…gleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.2.16%2Fangular.min.js%3A17%3A431)错误。
<html ng-app="test">
<script src="//ajax.g
浏览 1提问于2014-06-03得票数 1
我很难理解通过引用相对于pass=by=value的所有含义。
我理解在C#中，除非明确声明，否则您总是通过值传递变量。但是，由于非原始类型将引用作为它们的值，所以在技术上是在传递这些引用。所以，如果我有一个带有Name属性的类Book，这就是为什么。我可以像这样
Book book1 = new Book("Fight club");
ChangeBookName(book1, "The Wolfman");
void ChangeBookName(Book book, string name){
book.Name = name;
}
然后执行Co
浏览 1提问于2020-08-30得票数 1
回答已采纳
我是刚到戈朗来的。我这里有个例子-
我试图从同一个父结构的一个元素中更新全局父结构。我原以为这个程序可能会产生问题，因为它自己的子程序更新了父结构，但这似乎很好。
我不明白这是否是正确的行为，并接受在戈朗，或这种更新父母从孩子根本不应该做。任何帮助都是非常感谢的。
谢谢。
浏览 8提问于2022-09-29得票数 0
回答已采纳
1回答
我想测试我的应用程序。为此，我选择了Angular Scenario。我将iframe转换为iframe。我还得进入第二个iframe。但是Angular场景只看到第一个iframe -- Angular场景不想进去(我不知道为什么...)。构建我的webapp (最简单)：
<head> ... </head>
<html> //some code//
<iframe id="iframeOne" .... src=".." ... >
<html><body><di
浏览 4提问于2013-12-24得票数 1
我正在尝试使用angular-touch模块和它的$swipe服务以及一个html5画布来创建一个基本的绘图程序。这是我想出来的，它包含在一个我知道可以工作的模块和控制器中
this.canvas=angular.element('canvas')[0];
console.log(this.canvas.on)
this.canvasCord=angular.element(this.canvas).offset();
var ctx=this.canvas.getContext('2d');
$swipe.bind(angular.element('c
浏览 2提问于2015-12-02得票数 0
我最近开始了Angular.js教程，它展示了在中编写的代码。我在想，我们为什么要把我们的JavaScript放在这样的结构中呢？是因为安全原因吗？
为什么会这样：
(function(){
var app = angular.module("AppName", [])
})();
不仅仅是这样：
var app = angular.module("AppName", [])
浏览 4提问于2014-09-19得票数 0
回答已采纳
2回答
我错过了一些非常明显的东西，所以请原谅我的无知
我有一套由5个复选框组成的复选框，并希望根据选中的复选框打印步骤。为了获得更大的输出，我需要这样做，所以我将选择的内容存储在它自己的变量中，如下所示：
$checkBox.find('input:checked').each(function() {
$rec = $(this).val() + "\n";
console.log($rec);
});
当我选择所有5个复选框并签入控制台时，一切都很好：
但是，我希望稍后使用存储在$rec中的输出来使用，
浏览 5提问于2020-02-19得票数 0
回答已采纳
我正在使用getUserMedia来获取音频流。音频流仅在来自getUserMedia的回调中可用。但是，当我试图从回调内部更新绑定时，angular不会检测到更改，也不会更新绑定。我尝试过像许多文章所建议的那样使用$scope.$apply，但它似乎什么也没做。
这是一把小提琴，它显示了我试过的东西。
angular.module('test', [])
.controller('mainController', function ($scope) {
this.deviceStatus = "Angular works.
浏览 5提问于2015-12-01得票数 2
回答已采纳
我在设置评论时遇到了问题，这是angular 2项目的一部分。this.reviews = targ这行代码告诉我
TypeError:无法设置未定义的“reviews”属性
targ似乎存在，因为我可以成功地将它打印到控制台中。你知道为什么会发生这种情况吗？
import { ReviewService } from '../review.service';
import { Review } from '../review/review.component'
import { Component} from '@angular/core';
浏览 0提问于2017-03-12得票数 1
Example1：
x =[]
def func():
print('x value is:', x)
x.append('member1')
print('x value is now:', x)
func()
print('x value is', x)
运行后，结果将
('x value is:', [])
('x value is now:', ['member1'])
('x value is', ['member1'
浏览 1提问于2017-06-11得票数 2
我试图弄清楚rxjs中的publishReplay是如何工作的。我有一个例子，说明它如预期的那样工作：
const source = new Subject()
const sourceWrapper = source.pipe(
publishReplay(1),
refCount()
)
const subscribeTest1 = sourceWrapper
.subscribe(
(data: any) => {
console.log('subscriber1 received a value:', data)
}
)
source.
浏览 5提问于2020-05-26得票数 0
回答已采纳
3回答
C#对象范围
、、、
我在试着理解什么时候一个物体被回收。例如，在一个类中，我在这个类中有一个列表声明和一个方法来填充列表，方法是声明和初始化一个临时对象，然后将这个对象添加到列表中。
我的困惑是:由于临时对象是在方法的主体中声明的，那么当方法返回时，这些对象不是会被回收吗?因此，保存对它们的引用的列表现在会丢失它们的对象的值吗？在方法完成后，我的代码仍然保留对象值(大概是完整的引用)。
public class CameraTest
{
private List <Camera> cameraList;
public CameraTest()
{
AddCam
浏览 7提问于2015-08-12得票数 0
回答已采纳
我正在建立一个基本的应用程序与一个登录和注册页面(在角6)。我在网上找到了一个登录/注册教程，但由于某种原因，当我尝试登录时，我得到了
错误ReferenceError:配置未定义。
据我所见，我认为身份验证服务有一个错误，因此，它扰乱了登录组件。我只是不知道为什么认证服务会给我一个问题。
请参阅下面身份验证服务中的代码。
import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { map
浏览 1提问于2018-07-05得票数 2
1回答
因此，我正在研究二进制搜索树函数。为什么我必须在节点指针前添加一个&符号？我以为它已经是一个指针了，它已经指向了一个位置。我知道如果我添加一个节点，那么我需要确保父节点指向新节点，或者父节点仍然指向NULL。但是，如果我将节点指针作为node*&传递，为什么不这样做呢？
bool bst::remove123(int data, node*& x)
{
if (x == NULL)
{
return false;
}
else if (x->getData() < data)
{
return remove123(data, x->ri
浏览 0提问于2017-02-22得票数 0
2回答
我有一个TypeScript角项目，并希望重构它以使用服务。我的问题是，我现在在服务中调用它，但在运行时，它不是预期的服务类，而是控制器类。如何从服务本身调用服务内部的函数？
以下是相关的代码片段：
助理员服务
export interface IHelperService {
Log(msg: string): void;
GetModel(model: string): Array<any>;
}
export class HelperService implements IHelperService {
public GetModel(model:
浏览 3提问于2016-09-12得票数 2
回答已采纳
2回答
我有两个下降，当我选择第一个下降，我的第二个下降应该加载根据选择。我是用角质的js做的。使用“监视事件”加载下拉事件
angular.module('myApp', ['']).controller('QMesaures', function ($scope) {
$scope.$watch('ddlDepartment', function (newVal) {
var DepartmentName = newVal.DepartmentName
$.ajax({
浏览 0提问于2016-04-19得票数 0
回答已采纳
5回答
我想知道在C#中什么时候以及为什么引用会被破坏？
下面的代码示例突出显示了这一点：
StringBuilder a = null, b = null;
a = new StringBuilder("a");
b = a;
b.Append("b");
b = null;
Console.WriteLine(a != null? a.ToString() : "null");
Console.WriteLine(b != null ? b.ToString() : "null");
//Output:
ab
nu
浏览 0提问于2011-10-18得票数 4
回答已采纳
4回答
我正在使用angular 2，我发现了类似于
<input #searchBox (keyup)="search(searchBox.value)"
而且它是有效的。
但是，我不理解#的含义。我在文件里也没找到任何清晰的东西。
有人能给我解释一下它是怎么工作的吗？
浏览 42提问于2017-03-09得票数 178
2回答
public String pop()
{
String item = a[--N];
a[N] = null; // Avoid littering
return item;
}
在上面的代码中，N首先递减，然后索引到数组a中。我的问题是，如果首先为项目分配了在N-1中索引的值，那么当a[N]上已经没有任何索引时，为什么还要让a[N]为空呢？
请纠正我在理解这一点的逻辑上是错误的地方。
浏览 7提问于2022-01-21得票数 1
1回答
C++参考参数使用
、、、
我正在阅读这个，我很难理解其中的一些代码。该程序被认为是公司的基本数据库。它应该有employee对象，这些对象包含他们的工资、公司状态(已雇用/被解雇)，并且有一些方法可以调用该对象来更新它。
这是他们提供的代码
#pragma once
#include <string>
namespace Records {
const int kDefaultStartingSalary = 30000;
class Employee
{
public:
Employee();
void promote(int rai
浏览 6提问于2016-04-11得票数 0
我想让mat-Dialog在服务部门工作有问题.我可以使用onclick事件从模板中调用相同的代码，但是如果我尝试使用该组件使用的服务，则会发生此错误。
TypeError:无法读取未定义的属性(读取“打开”)
下面是当用户尝试上传文件时触发的服务代码。它会像预期的那样触发它，除了我无法显示对话框之外，所有的操作都可以工作。想知道是否有一种特定的方式，我必须这样做在服务与表格？
import {Inject, Injectable, OnDestroy} from '@angular/core';
import {environment} from '../../e
浏览 3提问于2022-02-07得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
