Angular js将变量绑定到标记<text x=
"AngularJS将变量绑定到标记<text x="是一个错误的描述，因为AngularJS不支持将变量直接绑定到HTML标记的属性中。AngularJS是一个JavaScript框架，用于构建动态Web应用程序。它通过使用指令和表达式来扩展HTML，并提供了数据绑定、依赖注入、模块化等功能。
数据绑定是AngularJS的核心特性之一，它允许将JavaScript对象的属性与HTML元素进行绑定，实现数据的双向绑定。通过使用ng-model指令，可以将JavaScript对象的属性与表单元素进行绑定，实现表单数据的自动更新。
例如，可以使用ng-model指令将一个变量绑定到输入框的值：
<input type="text" ng-model="name">
在这个例子中，name变量将与输入框的值进行双向绑定，当输入框的值发生变化时，name变量也会相应地更新。
AngularJS还提供了一些其他的指令和功能，用于处理事件、循环、条件判断等。它还支持模块化开发，可以将应用程序拆分为多个模块，每个模块负责不同的功能。
在腾讯云的产品中，可以使用云函数 SCF（Serverless Cloud Function）来托管和运行基于AngularJS的应用程序。云函数是一种无服务器计算服务，可以根据实际需求自动扩展和缩减计算资源，无需关心服务器的管理和维护。
更多关于AngularJS的信息和腾讯云产品介绍，请参考以下链接：
- AngularJS官方网站：https://angularjs.org/
- 腾讯云云函数 SCF 产品介绍：https://cloud.tencent.com/product/scf
相关·内容
我正在编写一个程序，将文本框中的文本显示到框中。这是使用angular js完成的。我被困在不能将值从一个控制器传递到另一个控制器的部分。代码如下：
<html ng-app="MyApp">
<head>
<meta charset="utf-8" />
<title>AngularJS Plunker</title>
<script>document.write('<base href="' + document.location + '"
浏览 0提问于2013-06-28得票数 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
1回答
在我的应用程序中，我使用Security来使用数据库进行身份验证。重定向策略的一部分是如果用户是ADMIN，将用户重定向到ADMIN(HOME)页面，如果用户是用户，则将该用户重定向到用户页面。
当具有角色用户的用户登录时，他会看到用户页面，如下所示：
<html ng-app="benefitApp">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Benefit A
浏览 4提问于2017-08-05得票数 0
回答已采纳
2回答
为什么我不能在Angular.js中做到这一点：
document.getElementById('divid').value = 'Change Text to This';
什么是“正确”(角度)的方式呢？
浏览 0提问于2014-08-01得票数 4
回答已采纳
组件绑定属性可用于模板之前的控制器。
模板将显示给定的x值，而不是2，因为模板是在调用$onInit()之前加载的，并且在$onInit()之外的控制器中直接修改x的值是不可能的，因为绑定属性仅在$onInit()中可用
如何在x模板中显示它之前更新它？
假设我想调用一个服务来根据给定的x值(例如y )获取一些数据，这必须在$onInit()中完成才能获得x的可用值，因此获得的y值对于模板是不可用的，因为<code>E 133</code>模板<code>E 234</code>是在获得y之前加载的。如何解决这个问题？
示例：
浏览 6提问于2017-04-04得票数 0
我是angular-js的新手，我认为这是一个基本的问题，如何从angular-js中的段落标签中获取值？我尝试使用ng- value.Can，但是没有人给我帮助吗？
浏览 1提问于2015-11-28得票数 4
我正在学习代码学校的AngularJS教程，但我的JavaScript无法呈现到HTML语言中。
这是HTML
<html ng-controller="StoreController as store">
<head>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
</head>
<body>
<div>
<h1> {{
浏览 2提问于2014-06-17得票数 0
我希望能够完成自动更新(从子控制器到父控制器的属性的双向binding0 )，而父控制器不知道需要像我在以下中那样将@Output事件传递给子控制器：
应用程序
import {Component, NgModule, VERSION} from '@angular/core'
import {BrowserModule} from '@angular/platform-browser'
@Component({
selector: 'my-app',
template: `
<div>
<h2
浏览 3提问于2017-10-27得票数 1
回答已采纳
2回答
我使用角1形式显示已更改的保存按钮文本。按钮文本应如下：
(禁用)保存-当初始
(启用)保存-编辑时或保存后重新编辑
(启用)保存-单击“保存”按钮
我如何使用简单的方法来解决这个问题？
或the follow code
var myApp = angular.module('myApp',[]);
myApp.controller('MyCtrl', function($scope) {
$scope.buttonText = 'save';
$scope.save = function (myForm) {
浏览 7提问于2017-06-08得票数 0
回答已采纳
1回答
如何动态更改活动类
、、、、
错误出现在ul-> li ->中，请按ng键.当我单击时，类active不会改变。这是我的index.html
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/html">
<head lang="en">
<meta charset="UTF-8">
<title>Talent Exhibition</title>
<script type="text/javascri
浏览 1提问于2014-09-21得票数 0
回答已采纳
如何将选定的按钮值输入文本框？如果我更改输入框中的文本，则必须将该文本绑定到按钮值。我有一个用jquery解决的代码，但是如何用angularjs来解决这个问题呢？？
AngularJS
var app = angular.module('myapp', []);
app.controller('MainCtrl', function($scope) {
//Code goes here//
});
<!DOCTYPE html>
<html ng-app="myapp">
<head>
&
浏览 6提问于2016-02-04得票数 1
回答已采纳
1回答
我在这件事上混了几天。我试着用基于角度的应用程序来使浏览器更好地工作。我试过以下几种选择，但仍无法决定更好的方法，如果有人能对此提出任何建议，我们将不胜感激。
备选案文1
使用vendor.js将所有角相关库(如角、角动画、角用户界面路由器等)绑定到bundle.require中。
使用app.js将所有应用程序还原的源文件打包到bundle.external中
这在dev环境中很好，vendor.js中的所有模块都可以从app.js中获得。
但它在刺激环境中坠毁了。缩小的角文件并不是所有的CMD。虽然我可以使用browserify-shim angular.min.js和bund
浏览 0提问于2015-03-23得票数 0
1回答
我为我的模块创建了一个名为Config的值。我想从ASP页面传递值(不要笑)。我传递的值需要在我的单页应用程序中使用的所有控制器中可用。我不知道如何从html中处理Config值。
App.js
'use strict';
angular.module('regApp', ['ngMessages', 'ui.router']);
Config.js
'use strict';
angular.module('regApp')
.value("Config", {
sit
浏览 0提问于2015-09-20得票数 0
回答已采纳
当我尝试运行给定的示例代码时，我得到了以下异常：
ckEditor.component.ts:在'CkEditorComponent‘类型上不存在属性'content’。导入CKeditor有什么错误吗？大多数柱塞示例和示例程序都在旧的angular2上。使用最新的angular2，我有上述错误。
在此之前，我还在组件构造函数中获得了this.content的异常，说它没有定义。
ckEditor.component.ts
import { Component } from '@angular/core';
@Component({
selector: &
浏览 2提问于2016-11-22得票数 0
回答已采纳
在我的html文档中包含AngularJS/javascript有问题。每次加载我的index.html时，我都会得到以下错误：
Resource interpreted as Script but transferred with MIME type text/html: "http://localhost:8888/assets/angular/1.2.9/angular-route.js". index.html:17
Resource interpreted as Script but transferred with MIME type text/html: "
浏览 5提问于2014-05-26得票数 0
回答已采纳
我试图添加一个图片到一个样本网页。但是，每当我在img标记中使用ng-src时，图像就不会显示在页面上(如果使用“src”代替“ng-src”，则图像是可见的)。这是我的Html和JavaScript文件。
Javascript & HTML：
/**
* Module
*
* Description
*/
angular.module('myModule', [])
.controller('myCtrl', ['$scope', function($scope){
$scope.clicked = "
浏览 0提问于2016-05-06得票数 3
回答已采纳
1回答
我对AngularJS有点陌生，我试图制定自己的指令。
我的目标是创建一个“时钟”指令，它从一般服务中获取他的数据。问题是，我没有成功地将当前时间的值从服务绑定到指令(实际上也绑定到视图)。第一个值(“加载”)保留在屏幕上，而不是更新到新值(时间)。这是我的密码：
Javascript：
var mainApp = angular.module("mainApp", []);
// The service
mainApp.service('clockService', function($interval) {
this.currentTime = &
浏览 1提问于2015-11-02得票数 2
回答已采纳
1回答
我们在把作用域放入控制器时遇到了问题，将angular版本降级到1.5.3实际上就是修复它。
有没有人可以帮我们解决angular 1.6.3的问题，或者是否需要做一些不同的事情？
请忽略任何语法错误，因为实际代码没有任何语法错误
// Simple Directive
var directive = {
restrict: 'EA',
templateURL: 'sometemplate.html',
scope: {
text: '@'
},
bindToController: tr
浏览 0提问于2017-03-25得票数 0
1回答
是的，我给你准备了一个非常愚蠢的代码，我一整天都在看这个代码，但没有结果。
我有一个简单的文本框，它通过控制器更新服务中的变量(服务最终会从其他地方获取/更新数据)。
目前，我可以从视图中检索变量值，并且它可以工作，但是textbox无法更新服务中的变量，以便在视图中再次显示新的变量值.
我真的很感激任何帮助，并希望我有意义！
// APP/APP.JS
(function(){
var app = angular.module('appMod', ['ngRoute', 'ngAnimate']);
app.config(
浏览 1提问于2015-02-06得票数 0
回答已采纳
1回答
我有一个在我的html代码中运行的函数，我很难调用这个函数来对控制器中的输出做更多的事情。
首先，这里是我的JS：
(function(angular) {
'use strict';
var app = angular.module('app', []);
app.controller('MainCtrl', function($scope, $log) {
$scope.$log = $log;
$scope.disc = 'Enter Code';
$scope.pricetotal = 14;
浏览 2提问于2016-01-02得票数 1
回答已采纳
1回答
我有这个
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>working app</title>
<script type="text/javascript" src="static/js
浏览 2提问于2016-07-16得票数 0
回答已采纳
我正在将一个应用程序从angular 8迁移到9。
ERROR : Cannot assign value "$event" to template variable "value". Template variables are read-only.
at _AstToIrVisitor.visitPropertyWrite (...\node_modules\@angular\compiler\bundles\compiler.umd.js:8617:31)
at PropertyWrite.visit (...\node_modules\@
浏览 0提问于2020-02-08得票数 20
4回答
Flex 3绑定问题
、、、
我有一个自定义的ActionScript类：
package EntityClasses
{
import mx.collections.ArrayCollection;
[RemoteClass(alias="tkatva.tt.entities.CompanyInfo")]
[Bindable]
public class CompanyInfo
{
public var companyInfoId:int;
public var companyName:String;
public var streetAddress:St
浏览 2提问于2009-12-11得票数 2
这里是我的plnkr：你必须点击一个li元素，表单就会出现。输入一个随机字符串，然后点击“添加通知”。你将得到未定义的文本区域，而不是文本区域。
标记：
<ul>
<li ng-repeat="ticket in tickets" ng-click="select(ticket)">
{{ ticket.text }}
</li>
</ul>
<div ui-if="selectedTicket != null">
<form ng-su
浏览 0提问于2013-04-30得票数 52
回答已采纳
我的angularjs项目遇到了一个奇怪的问题。
我有一个网站- www.server.com/pwm (主页)。在页面中有一个锚标签，它将我带到另一个页面- www.server.com/publishers。当我加载主页并通过单击锚点标记导航到发布者页面时，一切正常。但是当我直接在浏览器中输入url时，我得到了以下异常(例如，如果我加载主页www.server.com/pwm，然后在url末尾键入"/publishers“)
$injector:nomod模块'ui.bootstrap‘不可用！您要么拼写错误模块名称，要么忘记加载它。如果注册一个模块，请确保将依赖项指定为第
浏览 1提问于2014-06-23得票数 7
回答已采纳
我跟随angular.io网站的一个例子，用输入创建了一个有角度的表单，但是我遇到了一个错误：
compiler.js:26390未明错误:不能赋值给引用或变量！(webpack-internal:///./node_modules/@angular/compiler/esm5/compiler.js:26611:23) at PropertyWrite.visit (webpack-internal:///./node_modules/@angular/compiler/esm5/compiler.js:4900:24) at convertActionBinding (webpack-i
浏览 0提问于2018-03-18得票数 11
回答已采纳
日安，
我可以通过模板成功地将内容绑定到popover主体，但是在这个区域中所做的更改不会绑定回父作用域。下面是一个简单的例子。
如果有任何帮助，我将不胜感激
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
<title>2-way binding popover</tit
浏览 0提问于2015-01-13得票数 1
回答已采纳
我正在创建一个非常简单的自定义指令，并试图通过使用'<‘符号将一个简单的字符串变量从父作用域传递到自定义指令隔离作用域。然后，我尝试在自定义指令控制器中为变量分配一个新值，并在模板中显示新值，但它仍然显示旧值。
这是我的父控制器：
(function(){
angular.module("app").controller("ctrl", ctrl);
function ctrl(){
ctrl = this;
ctrl.fullname = "Paul G.";
浏览 1提问于2017-11-17得票数 0
我是从Angular开始的，但我被一个奇怪的问题困扰着。
我有简单的html和js，如下所示。如果我将angular.js文件链接添加为主体中的最后一行(如文档中所建议的那样)，则绑定会因为某种原因而失败。类似地，如果我链接头部中的自定义javascript文件，绑定将失败。我确信我在这里遗漏了一些非常基本的东西。但是我不知道是什么。
HTML文件：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd"
>
<html
浏览 3提问于2013-09-19得票数 0
1回答
我以前构建过一个AngularJS项目，并且熟悉语法。这一次，我的ng-controller="UniversalCtrl as universal"不工作，我已经尝试了一切。如果我使用universal.showHeader == true并将其更改为showHeader == true，它就能工作，但我需要它成为universal的变量。就像我说过的，我有其他的项目遵循同样的结构，而且它们工作得很好。
以下是我的HTML代码：
<!DOCTYPE html>
<html>
<head lang="en">
浏览 4提问于2015-03-31得票数 1
回答已采纳
我正在使用带有Angular 4的Mean Stack进行应用程序开发。然而，我面临着下面的错误：
HTML代码：
<form #adminForm="ngForm" (ngSubmit)="insertSession(adminForm)">
<h2 style="text-align: center"> Admin Form </h2>
<div class="form-group row">
<label for="trainingNa
浏览 0提问于2018-01-11得票数 0
回答已采纳
1回答
搜索过滤器不起作用。角J
、、、
嘿，伙计们，我的搜索过滤器不起作用了。您可以登录网站！好像我不明白为什么这是错的。我完全是从站点上学习本教程的。请帮帮我！
这是我的代码：
index.html：
<!DOCTYPE html>
<html lang= "en">
<head>
<meta charset="UTF-8" />
<title>Basic Login Form</title>
<script data-require="angular.js@1.4.x" src=
浏览 7提问于2015-12-30得票数 0
回答已采纳
我是一个叫'AngularJS‘的新手，所以我一度被卡住了。
考虑下面的代码示例：
<!DOCTYPE html>
<html>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<body>
<div ng-app="" ng-init="firstName='John'">
<p&g
浏览 10提问于2016-03-14得票数 0
2回答
我有一个组件列表及其子列表(组件项)。我试图将信息从一个列表传递到另一个条目，但是数据绑定似乎无法工作，因为该对象是空的，即使我(希望)正确初始化了它。
这是具有自己的模板的列表组件：
import { Component, OnInit, Output, EventEmitter } from '@angular/core';
import { Recipe } from '../recipe';
import { RecipeItemComponent } from './recipe-item.component';
@Component
浏览 4提问于2017-03-16得票数 1
回答已采纳
2回答
我是Angular2的新手，出于练习的目的，我创建了一组3个输入组件，其中有一个用于擦除输入的值的重置按钮。我想测试@Input装饰器，以及如何将值从父级传递到子级。我的代码中的问题是该按钮只擦除一次值
以下是代码，父组件：
import { Component } from '@angular/core';
@Component({
selector: 'app-root',
template: `
<button (click)="reset()">Reset Age</button>
<a
浏览 0提问于2017-09-08得票数 1
1回答
我是角质方面的初学者。我可以使下降，并能够得到它的价值使用ng模型。但是我需要在输入字段上得到不同的值。如果下拉值为空，则输入字段值为“空白”。当下拉值是用"rahul“填充的"one”输入时，我会在检查下拉值时设置这些值吗？
柱塞：
<!DOCTYPE html>
<html>
<head>
<link data-require="bootstrap-css@3.x" data-semver="3.2.0" rel="stylesheet" href="//maxcd
浏览 1提问于2014-08-16得票数 0
回答已采纳
我正在使用AngularJS创建一个简单的应用程序。这是我的密码：
<!doctype html>
<html>
<head>
<link href="https://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.15/angular.min.js
浏览 5提问于2015-03-28得票数 1
3回答
考虑只有一个控制器的基本AngularJS应用程序。在控制器中，我设置了"myVariable“来保存一个值"Test”。
在视图中给我一个内联JavaScript代码，我需要调用一个函数JavaScript，它使用myVariable接受一个参数。
/* Controllers */
angular.module('myApp.controllers', [])
.controller('MainCtrl', ['$scope', function($scope) {
$scope.myVariabl
浏览 4提问于2014-05-27得票数 0
下面的代码说明了这个问题：
<!DOCTYPE html>
<html ng-app="plunker">
<head>
<title>AngularJS Plunker</title>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" />
<script src="https://code.an
浏览 0提问于2014-12-16得票数 10
回答已采纳
2回答
脚本标记中的角度变化值
、、、
当用户更改文本框中的数字时，我需要动态更改圆的半径，但我不能在脚本标记中使用角花括号。有没有一种方法可以将angular绑定到html属性？
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.19/angular.min.js"></script>
<!DOCTYPE html>
<html ng-app="myApp" ng-controller="PosCtrl">
<head>
<st
浏览 1提问于2015-05-21得票数 1
我对“角”(总是使用jquery )很陌生。
据我所知，ng-model指令将输入的值绑定到应用程序数据；而ng-init指令则初始化应用程序数据。因此，如果我理解，那么ng-model不会设置输入的值，而是将输入值存储到应用程序数据中。下面是一个片段：
<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<body>
<div ng
浏览 0提问于2019-01-27得票数 1
回答已采纳
1回答
我正在尝试在angular中创建一个通用指令，例如，使用下面的html：
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>Testing directives</title>
<script src="../scripts/angular.js"></script>
<script type="text/javasc
浏览 0提问于2014-08-05得票数 0
4回答
使用ng模型时清空占位符
、、、
我想要创建一个text input，将它链接到作用域中的一个变量。但我不想要placeholder显示任何东西。但是，该变量在作用域中的内容继续显示。为什么？
var app = angular.module('example', []);
app.controller('MainCtrl', function($scope) {
$scope.hello = 'hello';
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/a
浏览 2提问于2016-03-29得票数 0
回答已采纳
嗨，我是angular js的新手，我正在研究anglarjs的本地存储技术，以便数据在刷新时保持不变。有没有什么办法，我可以删除所有的本地存储，并将范围存储分配给一个模型，并在html中使用该模型而不是$storage.id。我是个新手，请分享并帮助我。谢谢
<!DOCTYPE html>
<html ng-app="myApp">
<head>
<title>
</title>
<script type="text/javascript" src="angular.min.js"
浏览 1提问于2014-08-24得票数 6
回答已采纳
1回答
尝试编写一个简单的登录页面时，我在理解为什么.components绑定不起作用方面遇到了一些困难。
示例
模板：login.html
<form>
<fieldset>
<label>Email</label>
<input id="email" type="email" ng-model="login.user.email">
<label>Senha</label>
<inpu
浏览 1提问于2017-03-30得票数 0
回答已采纳
目前我在angular Js中使用手表，但现在我们已经升级到angular 1.5x，我不想使用手表，我正在寻找$scope.watch的替代品
我正在使用一个在应用程序中定义的全局值，我需要一些替代方法来观察，这就像是当应用程序中任何地方的值发生变化时调用的方法。
浏览 0提问于2017-04-12得票数 0
<div ng-app="">
<div ng-controller="MyCtrl">
<input required type="number" ng-model="teams.length" min="1" max="9">
<span>pressing backspace to remove the number causes an exception</span>
<div ng-repea
浏览 3提问于2014-04-23得票数 7
回答已采纳
在下面的代码中，$scope.contactList包含了每个联系人的一个带有isActive标志的联系人列表。
如果我们从控制器调用$scope.getInactiveCount，那么它将给出非活动联系人的计数。
如果我们从HTML调用这个函数呢？它是在DOM加载时执行一次还是每次执行？
每当新的联系人被添加到列表中时，$scope.getInactiveCount函数将如何触发？
当从HTML页面调用角函数时，我想知道它们的流。
app.js
angular.module('demo',[]).controller('demoController',func
浏览 2提问于2017-07-13得票数 0
回答已采纳
我从一些AngularJs实践开始，我想创建基于JSON文件的动态页面。
在加载页面时，我会得到以下错误：
Error: [$parse:syntax] http://errors.angularjs.org/1.4.2/$parse/syntax?p0=%7B&p1=invalid%20key&p2=23&p3=SelectedPage.SetPage(%7B%7Bpage.Number%7D%7D)&p4=%7Bpage.Number%7D%7D)
at Error (native)
at http://localhost/AngularJs/scrpts/
浏览 3提问于2015-09-29得票数 2
回答已采纳
我是angular (和javascript)的新手。我正在尝试构建一个指令，其中一部分需要向指令的作用域中添加一个数组。我的指令代码如下所示：
.directive("startupSections", function(){
return {
restrict: "E",
transclude: true,
scope: {
title: "@",
sections: [1,2,3]
},
link: fun
浏览 2提问于2017-05-03得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
