Angular代码神秘地赋值
Angular是一种流行的前端开发框架，用于构建单页应用程序。Angular使用TypeScript编写，并采用了模块化的架构，可以实现高效的代码复用和组件化开发。当我们遇到Angular代码神秘地赋值时，可能指的是Angular的数据绑定机制。
数据绑定是Angular的核心特性之一，它允许我们将数据模型和视图进行动态绑定，使得数据的改变可以自动反映在视图上，而无需手动更新DOM。数据绑定有三种形式：插值表达式、属性绑定和事件绑定。
- 插值表达式：通过双大括号将表达式包裹起来，将数据显示在模板中。例如，{{ name }}会将组件中的name属性的值显示在模板中。
- 属性绑定：通过方括号将属性名和表达式包裹起来，将数据绑定到DOM元素的属性上。例如，[disabled]="isDisabled"会将组件中的isDisabled属性的值绑定到按钮的disabled属性上。
- 事件绑定：通过小括号将事件名和表达式包裹起来，将事件绑定到DOM元素的事件上。例如，(click)="handleClick()"会将组件中的handleClick方法与按钮的点击事件进行绑定。
数据绑定的优势在于减少了DOM操作的代码量，提高了开发效率和可维护性。它还能实时更新数据和视图之间的变化，使应用程序的用户界面更加动态和交互。
在腾讯云中，可以使用腾讯云云开发（Tencent CloudBase）来部署和托管Angular应用程序。云开发提供了一站式的后端云服务，包括云函数、数据库、存储、云接入等功能，可以帮助开发者快速搭建和部署全栈应用。您可以通过以下链接了解更多关于腾讯云云开发的详细信息：
请注意，本回答没有提及其他流行的云计算品牌商，以符合问题要求。
相关·内容
我有一个应用程序模块，其中包括另一个模块，例如、a、和b。但是两个模块a和b都依赖于模块c。见下表
var app = angular.module('app', ['a', 'b']);
app.controller('AppCtrl', function(Containner) {
console.log(Containner); //Avaiable
});
var a = angular.module('a', ['c']);
a.controller('ACtrl'
浏览 0提问于2016-10-19得票数 1
我回滚了我的整个网络项目的所有更改。没有任何变化。昨天，当我发布到开发环境(Azure)时，一切都如期而至。今天，当我发布到我的dev环境(相同的发布配置文件，实际上对我要发布的整个项目的零更改)时，我会得到这些奇怪的错误.
angular.js:1上意外的输入结束
当然，这也是每个控制器/服务的级联，每个控制器/服务都说角不确定。
如果我将我的脚本标记转换为使用angular.min.js，它将再次工作。我怀疑如果我替换该文件，它也会再次工作，但我不明白为什么或发生了什么。这能说明其他问题吗？
更新1
我尝试升级到最新的角度(替换angular.js文件)，并看到了同样的行为
浏览 0提问于2015-02-26得票数 0
回答已采纳
2回答
import { Component, OnInit } from "@angular/core";
import { GetDataService } from "../../services/get-data.service";
import { user } from "../../models/user";
import { FormBuilder,FormGroup,Validators } from '@angular/forms';
import { ActivatedRou
浏览 31提问于2020-04-09得票数 0
回答已采纳
1回答
我试图将一个参数传递给服务中定义的函数。参数总是undefined。
login.component.ts
import { Component, OnInit } from '@angular/core';
import { AuthenticationService } from '../authentication.service';
@Component({
selector: 'app-login',
templateUrl: './login.component.html',
styleUr
浏览 2提问于2016-10-22得票数 1
回答已采纳
请我需要帮助，下面的代码在我的本地主机php5.3+上运行良好，但在服务器上运行不正常。5.2
$_SESSION['myinv_id'] = $setinvid;
$_SESSION['prod_name'][$i] = $prod_name;
$_SESSION['qty'][$i] = $clean_qty;
$_SESSION['price'][$i] = $clean_price;
$_SESSION['total'][$i] = $clean_total;
浏览 2提问于2012-07-02得票数 1
回答已采纳
我有一个很大的Angular2应用。我有一条路线是/rewards，它是我们提供的所有奖励的列表。我的另一条路线是/reward/{rewardName}，这是一个单一的奖励详情页面。我遇到的问题是，当我在/rewards路由和不同的/reward/{rewardName}路由之间来回切换时，我点击的所有/reward/{rewardName}页面都会继续运行。我之所以知道这一点，是因为我在/reward/{rewardName}组件的ngOnInit中有一个setInterval。因此，如果我点击/reward/{rewardName}路由5次，它将注销5个quantity实例，如下面的代码
浏览 0提问于2017-02-22得票数 1
我已经建立了一个内存数据库并注册了，但什么也没得到。没有错误，没有404 --只有应用程序拦截它，并返回应用程序。
我是否应该以某种方式将'api/‘排除在处理之外？
我已经导入了最新的包：
{
"name": "spike02",
"version": "0.0.0",
"license": "MIT",
"scripts": {
"ng": "ng",
"start": "ng ser
浏览 1提问于2017-04-20得票数 0
1回答
有人知道为什么这段代码会出现非法调用错误吗？我认为这是因为我正在尝试将一个配置文件图像注入到我正在获取的对象中-在行addedCard.image = userInfo.image;中，但我不知道如何修复它。因为它是firebase监听器的一部分，所以它是一个连续的错误循环，并且它们不断累积。这是我拥有的代码：
我的服务：
service.cardAdded = function(cb){
// if(target === "all"){
if($rootScope.validID){
prayersRef.ord
浏览 1提问于2016-03-02得票数 1
2回答
我在我的express应用程序中使用了lodash库。每当我包括lodash时，比如：
var _ = require('lodash')
jshint报错：
Redefinition of '_'
我的jshint.rc包含以下语句：
"globals": {
"angular": false,
"_" : false
}
如何让jshint忽略节点代码中的这个错误？
浏览 0提问于2015-08-04得票数 5
我知道这个问题已经被问了一千次了，但99%的解决方案似乎都是打字错误。我已经将代码简化为错误消息中实际建议的代码：
在我的html中：
<div [formGroup]="myGroup">
<input formControlName="firstName">
</div>
在我的ts中
import { Component, OnInit } from '@angular/core';
import { FormControl, FormGroup } from '@angular/f
浏览 0提问于2019-08-05得票数 0
2回答
我需要在相同的project.Since中安装angular 1.3.18和1.4.5版本的angular，我的部分代码使用angular 1.3.18，它的一些依赖项也使用1.3.18，其他版本也是如此。如果我只使用一个版本，那么代码的某些部分就会被破坏。
如果我使用下面的方法
"dependencies": {
"angular": "1.4.5",
"angular": "1.3.18"
}
它工作得很好，在我缩小和丑化生产代码后，只有一个版本的angular可用，并且代码的某些部分被破坏了。
请给我一个解决
浏览 2提问于2015-09-01得票数 1
1回答
变量变化值
、、
你知道什么会改变这个价值吗。这是在STM32上运行的代码。虽然有中断，但在值初始化和if语句之后的行之间几乎不可能中断。我的第一个想法是，这个值是写在非法的部分内存，这是一些寄存器使用的。我正在用优化O1编译代码，只有这个函数有iOptimizationO0来简化分析。该软件还会在运行模式下崩溃，因此它不会出现调试问题。值的变化导致系统在数行后溢出，系统崩溃。这种情况每次都会重演。
我不知道。我只检查了代码是否正确，函数的分解，使用它的地方。
#pragma GCC push_options
#pragma GCC optimize ("O0")
MonitoringPa
浏览 12提问于2022-03-25得票数 0
1回答
为什么在这个脚本中：
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<script>
var app = angular.module( "test", [] );
app.run(
angular.element.prototype.t
浏览 4提问于2016-01-08得票数 1
回答已采纳
我有一个问题，曲奇没有定义在角度范围内。
npm run start构建并启动了应用程序，但是当尝试运行执行jest命令的npm test时，我得到了以下错误：
`测试套件未能运行app/components/components 1/Component1.ts:1:10
模块'"../../../../../node_modules/@types/angular"‘没有导出成员“cookies”。`
在Component1.ts中有这样的导入：import { cookies } from 'angular';
建造和运行-好的。测试-不太好。
如
浏览 1提问于2020-12-14得票数 0
我正在尝试angular 2官方网站上的heros教程：
但是我不能检索AppComponent的值，它总是返回一个空值。
下面是app.component.ts的代码
import { Component } from '@angular/core';
@Component({
selector: 'my-app',
template: '<h1>Titulo: {{titulo}}</h1>'
})
export class AppComponent {
titulo: 'Tour de h
浏览 0提问于2016-09-21得票数 2
回答已采纳
2回答
设计md-输入元素
、、、、
我正在尝试对.md-input-element on md-input进行样式设计，默认情况下，它是从angular-material.css添加的，而angular-material.css似乎无法工作。我试着添加字母间距的样式，但它只起作用于当前。控制台上的样式。有没有办法在我自己的css文件中覆盖md-input-element的这种特殊样式？
我的html代码如下：
<!-- Input Name* -->
<div class="mdl-grid">
<div cla
浏览 0提问于2016-11-25得票数 0
回答已采纳
在问这个问题之前，我已经尝试过搜索，但现在似乎没有答案。我的问题是，我尝试使用ion5实现一个登录页面(我是这个框架的初学者)，我认为一切都很好，但是我的formgroup无法在我点击create user时检索用户输入的值和页面重新加载，但我从来没有为此编写过代码。 下面是我的代码(sign-in.page.ts) import { UserService } from './../user.service';
import { User } from './../models/user';
import { Component, OnInit } from
浏览 14提问于2020-09-18得票数 0
回答已采纳
当通过事件参数发生按钮单击事件时，我希望分配一些值：
$scope.update = function(context) {
$scope.master = context;
};
我已将user值分配给$scope.master。
现在我看到了。所以我用编写了代码。
$scope.update = function(context) {
$scope.master = angular.copy(context)
};
两者都在做同样的事情，那么有什么区别呢？请告诉我angular.copy()和equal(=)的区别。
浏览 4提问于2015-04-20得票数 37
回答已采纳
我在表单发布上引用了这段代码，因为它对应于简单表单上的angular文档。
angular.copy在这里有什么用呢？在删除angular.copy的情况下，代码似乎仍然工作得很好。
<div ng-controller="ExampleController">
<form novalidate class="simple-form">
Name: <input type="text" ng-model="user.name" /><br />
E-mail: &
浏览 0提问于2016-02-03得票数 0
1回答
我在app/scripts下定义了一个相当简约的app (一个控制器，三个指令)。
当使用karma start运行karma时，我导航到localhost:9100，单元测试就会运行。但是，当我使用karma start karma-2e2.conf.js运行时，运行错误输出为：
[31mChrome 27.0 (Mac) I haz all the things I haz grid FAILED[39m
TypeError: Cannot read property 'name' of undefined
Chrome 27.0 (Mac): Execut
浏览 2提问于2013-06-07得票数 1
回答已采纳
我从我写的一个自定义指令中得到了这个错误：
Error: [$compile:nonassign] http://errors.angularjs.org/1.2.16/$compile/nonassign?p0=&p1=fileUpload
at Error (native)
(anonymous function) angular.js:9778
(anonymous function) angular.js:7216
h.$digest angular.js:12270
h.$apply angular.js:12516
oFReader.onload file-uplo
浏览 3提问于2014-06-13得票数 4
回答已采纳
我第一次使用汇总(遵循angular.io的示例)，我得到了以下错误：
'node_modules/angular2-jwt/angular2-jwt.js'不导出'AuthHttp‘
从app.module.js中的这一行：
13:从‘angular2-jWT/angular2-jWT’导入{ AuthHttp，AuthConfig }；
文档说，您可以通过在ROLup-config.js文件中指定一个名为export的自定义来纠正这种情况，如下所示：
commonjs({
namedExports: {
// left-hand side can be
浏览 2提问于2017-07-31得票数 11
回答已采纳
我将在Angular.js中使用GET请求中的数据，如下所示。
var app = angular.module('Saidas',[]);
app.controller('Status', function($scope, $http, $interval) {
$interval(function(){
var request = $http.get('/SaidasSite');
request.success(function(data) {
浏览 4提问于2016-10-04得票数 0
回答已采纳
1回答
这是我的示例代码：
var array_03 = [{'name':'Kapila','age':30}];
var array_04 = [{'name':'Saman','age':30}];
$scope.userName_03 = array_03[0]['name']; // Kapila
$scope.userName_04 = array_04[0]['name']; // Saman
angular.isArray(array_03); //
浏览 1提问于2015-09-02得票数 0
回答已采纳
我需要变量来标记我的JSON文件中的javascript。这是我的JSON文件的一部分
[
{
"title": "AfroEarth USA",
"url": "us",
"id": "50011",
"country" : "US",
"countryFlag": "img/flags/us-flag.png",
"countries": [
"
浏览 3提问于2016-03-31得票数 0
能想到的我都试过了。我需要在showNavDropdownDashboard为true或false时旋转插入符号，这在此刻并不重要。我唯一一次让插入符号旋转是在我设置transform=" rotate -180-deg“时，其他的都不起作用…… 设置rotate="90“失败，因为"TS2322:类型‘”90“”不可分配给类型'90 | 180 | 270 |undefined’。“ 使用ngClass失败，我从未看到分配的类...我已经尝试了我能找到的所有等效格式，这变得越来越可笑。 <div type="button" (click
浏览 18提问于2021-03-23得票数 0
回答已采纳
3回答
我想简化一下下面的表达式(block是一个整数，0或1)：
if (block)
opts = opts & ~O_NONBLOCK;
else
opts = opts | O_NONBLOCK;
这就是我想出来的：
opts = block ? opts & ~O_NONBLOCK : opts | O_NONBLOCK;
然而，我相信有一种更聪明的方法可以做到这一点。
浏览 1提问于2012-12-29得票数 3
回答已采纳
我尝试用Ionic编写一个应用程序:下面是代码：
<ion-header>
<ion-navbar>
<button ion-button menuToggle>
<ion-icon name="menu"></ion-icon>
</button>
<ion-title>Welcome</ion-title>
</ion-navbar>
</ion-header>
<ion-content padding&
浏览 0提问于2017-02-20得票数 0
回答已采纳
1回答
我们最近发现在Fortran中我们正在对一个未分配的数组进行赋值。GNU gfortran编译器没有捕捉到这个错误，代码可以在OSX和Linux下运行。但是，在IBM Power PC上也存在相同的代码分段故障。
我的问题是，下面的代码正确吗？在某些架构上，分配给array的数组似乎会自动分配内存，但在另一些架构上却不会。这里有没有具体的实现细节？
代码是C/Fortran混合代码：
#include <stdlib.h>
void assign_array_(double x[], int* n);
void print_array_();
int main()
{
浏览 2提问于2017-02-09得票数 12
1回答
一些PHP错误正在Visual代码中“粘贴”，尽管代码已经正确，并且在服务器上运行时没有出现错误。添加/删除行或某些代码没有帮助。没有需要刷新的选项。错误是持久化的，在编辑器中是通过曲线红线突出显示的。这很烦人。
浏览 1提问于2022-06-28得票数 -1
回答已采纳
1回答
最近几天，我的应用程序的一部分出现了一些严重的问题。它是一个中型的ASP.NET应用程序。有一些处理错误的代码(将它们记录到数据库中，并向用户显示错误页面)。但是最近这段代码在一些机器(不是所有机器)上停止了正常工作。
我知道有来自ErrorViewer的AccessViolationException
Faulting application name: w3wp.exe, version: 7.5.7601.17514, time stamp: 0x4ce7afa2
Faulting module name: KERNELBASE.dll, version: 6.1.7601.17651,
浏览 0提问于2012-04-20得票数 1
回答已采纳
我是AngularJS的新手。使用$http服务，我从localhost请求一个HTML页面。但是我得到的是那个页面的源代码，而不是结果。
http_service.html
<!DOCTYPE html>
<html>
<head>
<title>AngularJs | HTTP Service</title>
<script src="js/angular.min.js"></script>
<script>
// Initialize t
浏览 5提问于2017-04-04得票数 0
我在最近的项目中一直使用，虽然它非常有用，但我意识到，大多数时候，特别是在较长的脚本中，我尽量避免在'args.‘中使用这个变量。前缀，所以像这样的行正在膨胀我的代码：
parser.add_argument('--learning_rate', '--lr', default=0.0005, type=float, help='defines the learning_rate variable for the model.')
learning_rate = args.learning_rate
是否有一个选项可以将传递给--lear
浏览 5提问于2022-01-20得票数 0
回答已采纳
我已经创建了一个具有名称和扩展属性的erray，我想使用ng-重复遍历它。我能知道我做错了什么吗？
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loos
浏览 3提问于2016-12-18得票数 0
回答已采纳
我已经实现了如下Java代码
AmazonEC2Client.setRegion(RegionUtils.getRegion("eu-central-1");
我在代码的行上得到了以下异常
java.lang.IllegalArgumentException: No region provided.
有谁能回答这个问题吗？
浏览 0提问于2014-11-06得票数 2
我不知道如何使用我的角类中的PHP代码返回的数据。我希望能够使用我的书架组件来获取从后端返回的数据，并创建一个Book数组。我正在接收来自PHP的数据，当我检查标头时，我可以看到它返回。我只是不太熟悉如何将返回的数据分配给Book类型的数组。
图书界面
export interface Book {
id: number;
title: string;
rating: number;
}
大陆架组件(在这里，我希望解析数据并将每个数据作为一本书使用)
import { Component, OnInit } from '@angular/core';
i
浏览 2提问于2021-04-08得票数 0
回答已采纳
1回答
嗨，由于某种原因，每次我试图将数据推入数组时，都会返回一个错误，表示数组未定义。
function getPosts(initial){
var data = {};
if ($scope.user){
data.ids = angular.copy($scope.user.friends);
data.ids.push($scope.user._id)
}
$http.post('api/social/getPost', data).su
浏览 1提问于2016-03-10得票数 0
回答已采纳
我被这个错误困住了，有人能帮我吗？我刚升级到Angular2.4.3
$ ng serve [19:46:01]
** NG Live Development Server is running on http://localhost:4200. **
浏览 7提问于2017-01-18得票数 13
回答已采纳
我编写了一段代码，在其中我使用了回溯来返回异常堆栈跟踪。但我忘了进口回溯。
文件名- trial_main.py
from fastapi import FastAPI
from pydantic import BaseModel
import uvicorn
app = FastAPI()
class RequestJson(BaseModel):
data: str
@app.post("/trial", status_code=200)
async def trial(req:RequestJson):
try:
status =
浏览 1提问于2021-03-17得票数 2
回答已采纳
当我提交表单选择列表值始终为0时，我正在尝试提交具有2个输入字段和一个选择列表的表单。我现在知道我哪里做错了，我把这个表单发送到一个API，但是让所有的值都正确，而不是选择列表值。
Html
<form class="form-horizontal" id='myForm' role="form" [ngFormModel]="InviteUserForm" (ngSubmit)="Invite(InviteUserForm.value)">
<div
浏览 11提问于2016-07-28得票数 0
在我的类型记录文件中，我有以下代码：
var Application = Application || {};
Application.Constants = angular.module("application.constants", []);
Application.Services = angular.module("application.services", []);
Application.Controllers = angular.module("application.controllers", []);
Applicatio
浏览 2提问于2014-04-14得票数 2
回答已采纳
有关守则：
var app = angular.module('client', [
'ngRoute'
,'controllers'
//,'proxyServices'
]);
app.config(['$routeProvider',
function($routeProvider){
$routeProvider
.when('/launch', {
templateUrl: &
浏览 3提问于2014-07-24得票数 0
回答已采纳
3回答
我想在*ngfor angular 2指令中加入多行字符串。
var contacts = [str1, str2, str3];
<div *ngFor="let c of contacts;let last = last; let str = str + c;">
<div *ngIf="last">
{{str}}
</div>
</div>
我知道上面的代码是无效的。但是我想知道像上面这样的事情是可能实现的吗？
预期输出应为
Str1
Str2
Str3
注意:我想在C#
浏览 0提问于2016-11-03得票数 4
1回答
我不知道为什么，我在一个Angular应用程序中，当我按下format document时，我的类型会被删除。 # Before:
export class AppComponent {
title:string = 'angular-todolist';
name:string = 'Michael';
someInteger:number = 10;
} # After:
export class AppComponent {
title = 'angular-todolist';
name = 'Michael
浏览 22提问于2019-01-25得票数 1
回答已采纳
我正在尝试为我的一个屏幕动态地呈现组件。我正在使用componentFactoryResolver.resolveComponentFactory和viewContainerRef.createComponent api来实现同样的功能。我定义了变量“loadedComp : GlobalDynamicComponenet;”，并像this.loadedComp = <GlobalDynamicComponenet>this.registry.getComponent("<component name>");一样动态地加载组件。
然后，我试图使用下面的代
浏览 3提问于2017-05-23得票数 0
我想动态地设置复选框true或false，但是当数据从控制器传递到ng模型时，复选框状态不会改变。
代码
<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<body ng-app="myApp" ng-controller="myCtrl">
<input type="checkbox
浏览 0提问于2019-04-27得票数 0
回答已采纳
我在我的angularjs1.x应用程序中使用常见的js模块系统，并且很难导入/导出常量。这就是我所拥有的。
index.js
'use strict';
var angular = require('angular');
module.exports = angular.module('constants', [])
.constant('constant1', require('./constant1'))
.constant('constant2', require(
浏览 2提问于2017-02-07得票数 0
回答已采纳
1回答
找不到管道的“指数”
、、、、
目前，在使用角6时，当我尝试为NgFor使用索引管道时，会得到以下错误：
Uncaught Error: Template parse errors:
The pipe 'index' could not be found ("
<ul class="list-unstyled"> <li *ngFor="l[ERROR ->]et s of grouplesson.start | index as i">
<span cl"): ng:///ModalModule/GrouplessonsCo
浏览 1提问于2018-07-30得票数 0
回答已采纳
我想要扩展iOS应用程序委托。我正在集成一个名为移动支付()的软件开发工具包，并需要挂钩到应用程序代表时，打开一个外部应用程序进行支付。由于某些原因，当离开应用程序并打开移动支付应用程序时，这些方法(如applicationHandleOpenURL)永远不会被调用。
我已经使用了不同的例子，比如nativescript-plugin-firebase和nativescript-urlhandler。我还尝试了和
代码如下所示：
private getAppDelegate() {
// Play nice with other plugins by not compl
浏览 8提问于2019-07-17得票数 0
回答已采纳
1回答
我克隆了。然后我运行npm install，然后运行npm start。这就是我得到的。
$ npm start
> angular-quickstart@1.0.0 prestart /home/ecarroll/code/angular/quickstart
> npm run build
> angular-quickstart@1.0.0 build /home/ecarroll/code/angular/quickstart
> tsc -p src/
> angular-quickstart@1.0.0 start /home/ecarrol
浏览 2提问于2017-09-05得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
