AngularJS将数据绑定到已编译的元素
AngularJS是一种流行的前端开发框架，它通过将数据绑定到已编译的元素来实现动态更新页面的效果。
数据绑定是AngularJS的核心特性之一，它允许开发者将数据模型与视图进行绑定，当数据模型发生变化时，视图会自动更新，反之亦然。这种双向数据绑定的机制使得开发者能够更加方便地管理和更新页面上的数据。
在AngularJS中，数据绑定可以通过多种方式实现，包括插值表达式、指令和事件绑定等。插值表达式是一种简单的方式，通过在HTML模板中使用双大括号{{}}将数据模型的属性绑定到页面上。指令是AngularJS提供的一种特殊标记，用于扩展HTML的功能，通过指令可以实现更复杂的数据绑定逻辑。事件绑定则是将页面上的事件与数据模型的方法进行绑定，当事件触发时，相应的方法会被调用，从而实现数据的更新。
AngularJS的数据绑定机制具有以下优势：
- 简化开发：数据绑定使得开发者无需手动操作DOM，只需关注数据模型的变化，大大简化了开发流程。
- 提高性能：AngularJS采用了脏检查机制，只有当数据发生变化时才会更新视图，避免了不必要的页面刷新，提高了性能。
- 增强用户体验：数据绑定使得页面能够实时响应用户的操作，提供了更好的用户体验。
AngularJS的数据绑定适用于各种场景，特别是需要实时更新数据的应用程序，如实时聊天、股票行情等。此外，AngularJS还提供了丰富的相关功能和工具，如表单验证、路由管理、依赖注入等，使得开发更加高效和便捷。
腾讯云提供了一系列与AngularJS相关的产品和服务，包括云服务器、云数据库、云存储等。您可以通过以下链接了解更多关于腾讯云的产品和服务：
请注意，以上答案仅供参考，具体的产品选择和推荐应根据实际需求进行评估和决策。
相关·内容
如何使隔离作用域在没有远程模板的客户指令中工作？
下面这句话对我没有用。
AnularJS
app.directive('emanForm', ['$http', 'db', function ($http, db) {
return {
scope: { },
link: function ($scope, element, attrs) {
$scope.message = 'test';
}
};
}]);
HTML
<f
浏览 2提问于2015-03-19得票数 1
回答已采纳
1回答
如果我有一个BindingContext设置为ViewModel的视图，如下所示：
<ContentPage ...>
<ContentPage.BindingContext>
<vm:AddParkingSpotViewModel />
</ContentPage.BindingContext>
然后我将条目值绑定到这样的属性：
<Entry Text="{Binding Address}" .../>
这是否足以使它使用已编译的绑定？还是我也必须在layout元素上设置x:DataType？
<Gr
浏览 2提问于2020-11-05得票数 1
回答已采纳
3回答
我正在尝试创建一个弹出程序并直接从控制器加载内容到其中。
我可以使用来自这个flag的指令成功地将绑定到工具提示中，但是popover继续显示flag的初始值，即使我用第二个按钮更改了flag的值。
重点是，我希望弹出程序的内容与控制器中的变量一起进行修改。
我怎么才能玩这个把戏？
以下是指令：
var app = angular.module('plunker', []);
app.directive('popover', function($compile, $timeout){
return {
restrict: 'A',
li
浏览 6提问于2015-05-11得票数 2
回答已采纳
有件事我对角质不感兴趣。我有一个AngularJS页面，在该页面中，我必须移动内容，但在页面上有数据绑定。这里有一个小提琴，说明了我想做什么，以及问题：
<input type="text" size="50" ng-model="model.dentist" name="petDentist" />
如果您更改"name“或"type”字段，则下面显示的字符串值将发生更改；但如果您更改了doggy牙医字段，则不会更改。当我将内容移到上面时，我希望这个元素继续绑定到模型中；正如您在小提琴中看到的那样，它
浏览 1提问于2014-01-11得票数 0
回答已采纳
从另一个指令中添加指令，会使浏览器挂起。
我想做的是
1)修改编译函数中的自定义元素指令(如<h7></h7>)。通过这样做，浏览器将挂起。
代码：
<h7>TEST</h7>
animateAppModule.directive('h7', function($compile){
return {
restrict:"E",
compile:function(tElement, tAttrs, transclude){
浏览 0提问于2013-03-13得票数 5
有没有办法告诉角不编译某些元素的内容？
用例：
角CMS包含有附加textarea的CKEditor元素。CKEditor使用的是divarea，而不是默认的iframe插件。textareas包含HTML模板。这些模板按需导出，并输入到一个有角度的fed应用程序中。
模板非常简单:纯文本、有序列表、应用于纯文本的偶尔预定义的类属性；但是纯文本可以包含角度webapp插值的占位符。我不想让CMS中的角度插值这些。
目前，我的问题是CMS中的角插入了这些占位符，并且，因为它们不引用任何东西，所以删除它们。我不希望仅仅将分隔符更改为“{”、“}”，因为这可能在短期内解决这个问题，但指令和文本复制冲
浏览 2提问于2016-04-05得票数 4
回答已采纳
感谢您的关注。
我是我的专业技能的中间，我正在尝试做一个动态指令/小部件。
我的脖子出了问题，我想自己解决这个问题，但我需要有人给我指明正确的方向。
我有个指令：
(function () {
'use strict';
angular.module('app')
.directive('tool', function() {
return {
restrict: 'E',
templateUrl: 'tool-template.html'
浏览 3提问于2016-03-09得票数 0
回答已采纳
1回答
我已经开发了一个transclude指令，并将其设置为使用angularjs模板脚本，一切都很好，但我仍然无法访问绑定数据。
我的代码：
index.html
<div side-element="box" title="Links">
<ul>
<li>Link 1</li>
<li>Link 2</li>
</ul>
</div
浏览 2提问于2014-05-22得票数 0
回答已采纳
我写了这段代码。
var app = angular.module('plunker', []);
app.controller('MainCtrl', function($scope) {
$scope.name = 'World';
$scope.hobby='AngularJS';
});
app.directive('outputText',function(){
return {
transclude: true,
scope: {},
template: &#
浏览 2提问于2014-09-30得票数 0
回答已采纳
我正在编写一个指令来创建一个子菜单。
我的想法是使这个指令相当灵活，这样我就可以在需要的时候重用它。
基本概念如下：
<my-submenu>
<li my-function="test()">Test</li>
<li my-function="test2()">Test 2</li>
<li my-function="test3(id, type)">Test 3</li>
<li ui-sref="test ({id: id})
浏览 2提问于2016-06-08得票数 0
回答已采纳
1回答
我有一个简单的AngularJS应用程序，它在用户登录后显示一个包含ng-repeat数据的表。我遇到了一个问题，在登录后，表短暂地显示空白行，然后显示包含数据的实际行。对如何解决这个问题有什么建议吗？
这是登录的控制器：
$scope.login = function(user) {
loginSrvc.login(user).then(function(response) {
if (response == "authentication failed") {
$scope.error = true;
$scope.u
浏览 0提问于2018-11-02得票数 0
我有一些字符串要注入到Angularjs中的元素中，但是这个字符串中包含一些变量，在将它注入到元素之前，它需要先被替换，或者使用某种过滤器告诉我们重新呈现元素的角度，因为我们有一些尚未呈现的变量。
var string = "Hi my name is <a href="{{url}}">{{username}}</a>";
现在，当我把它注入到HTML中时，我得到了这样的结果
Hi my name is <a href="%7B%7Burl%7D%7D">%7B%7Busername%7D%7D</a
浏览 0提问于2014-03-12得票数 1
回答已采纳
我希望将具有表单属性( $compiled )的元素字符串直接添加到它们被编译到的表单中(通过DOM继承)，但是通过测试-它不会自动发生。如果发生这种情况，这样我就可以验证表单，包括新编译的具有表单属性的元素。
JS
.directive('addDynamicFormElements', ['$compile', function($compile) {
return {
link: function (scope, elem, attrs) {
var tmpl = "<input name='newFormIt
浏览 5提问于2015-08-05得票数 0
回答已采纳
我试图了解如何阻止DOM元素将数据绑定到范围中。
我知道你可以用if语句来完成这个任务，但是是否有一种真正的永久的方法来停止绑定元素的角度，但是保留添加的内容呢？
所以说我有这个
<div ng-bind="content" class="ng-binding">Welcome</div>
我改变模型，让div改变到这个。
<div ng-bind="content" class="ng-binding">Welcome World</div>
然后单击将解除绑定
浏览 7提问于2013-08-14得票数 18
回答已采纳
5回答
使用特快车把和角JS
、、、、
背景
我目前正在构建一个网站，使用作为服务器，(只有，但服务器端)，希望用于一些客户端的东西。
问题
AngularJS和车把对模板使用相同的语法。
{{foo}}
这会导致一个问题，即AngularJS代码将首先由速成手条解释，然后会抛出一个错误，因为它试图提取的数据只存在于角而不是节点中。
问题
有没有办法让AngularJS和Express手柄一起工作？
可能的解决办法
更改AngularJS 的语法
我在看BackboneJS，看起来有可能改变语法。可能有类似的东西是AngularJS。
在速成车把中创建一个ng助手。
它只会返回未解析的内容。但是我不知
浏览 4提问于2014-08-18得票数 44
回答已采纳
我对ajax调用之后的角卡还不熟悉。如何在注入DOM后呈现/编译html内容，以便仍然可以使用AngularJs函数。
由于后端的设置方式，我必须通过ajax ($http)获取内容。我正在制作没有jQuery的应用程序。我试过$compile和$apply，但没有成功。我在这里错过了什么。
我在设置了代码。我希望第二个div内容具有与第一个div相同的属性。
HTML
<div ng-controller="MyCtrl" class="section">
<input ng-model="contentA">
浏览 3提问于2014-03-20得票数 10
回答已采纳
1回答
AngularJS可以做的一件有趣的事情是对特定的数据绑定表达式应用过滤器，这是一种方便的方法，例如，应用特定于文化的货币或模型属性的日期格式。在作用域上有计算属性也很好。问题是这两个特性都不适用于双向数据绑定场景--只有从作用域到视图的单向数据绑定。这似乎是一个很好的库中的一个明显的遗漏--或者我错过了什么？
在中，我可以创建一个读/写计算属性，它允许我指定一对函数，其中一个函数被调用来获取属性的值，另一个函数在设置属性时被调用。例如，这允许我实现文化感知输入-让用户输入"$1.24“并将其解析为ViewModel中的浮点数，并将ViewModel中的更改反映在输入中。
我能找到的与
浏览 2提问于2012-07-24得票数 124
回答已采纳
1回答
在angularjs指令中，“模板”和“templateUrl”有什么不同？
index.html：
<!DOCTYPE html>
<html lang="en" ng-app="app">
<head>
<meta charset="utf-8">
<title>Index</title>
</head>
<body>
<child-a-drtv></child-a-drtv>
&
浏览 0提问于2015-11-26得票数 2
回答已采纳
2回答
用AngularJS更新Div
、、、、
我有一个DIV定义如下：
<button ng-repeat="message in user.messages">
<div ng-model="message" ng-show="{{message.received && !message.read}}" class="btn bg-green"></div>
<div ng-model="message" ng-show="{{message.received &am
浏览 0提问于2016-04-25得票数 0
回答已采纳
HTML代码：
<div ng-controller="MyController">
<div>{{ hello }}</div>
<div my-terminal>{{hello}}</div>
</div>
JS代码：
const app = angular.module('app', [])
app.controller('MyController', function ($scope) {
$scope.hello = 'Hello,
浏览 0提问于2018-08-31得票数 1
回答已采纳
1回答
我想开始为我的angularjs项目做单元测试。这远远不是直截了当的，我发现这真的很困难。我在用卡玛和茉莉花。对于测试我的路由和应用程序依赖关系，我很好。但是你要如何测试这样的指令呢？
angular.module('person.directives', []).
directive("person", function() {
return {
restrict: "E",
templateUrl: "person/views/person.html",
replace: true,
scope
浏览 6提问于2013-04-16得票数 7
1回答
考虑以下自定义聚合物元素的用法
<app-header bar-foo="[[abc.def.ghi]]" app-title="[[appTitle]]"></app-header>
这里，我将两个变量绑定到自定义元素app-header。现在，当我想更新这些值时，您可能希望这样做(在app-header！的父级中)：
this.abc.def.ghi = 10;
this.appTitle = 'New title';
但是，这只更新了appTitle而不是abc.def.ghi。为了更新这个值，您需要这样做：
thi
浏览 3提问于2015-10-20得票数 1
回答已采纳
根据我的理解，将DataContext设置为控件本身将允许您使用数据绑定访问该控件的属性，而无需指定Source，因此将Window的DataContext设置为{Binding RelativeSource={RelativeSource Self}}应该只允许您将数据绑定到在Window类中定义的属性，而不是代码中的属性--因为代码隐藏文件只继承了Window类，而我在代码中定义的属性--幕后文件--并不直接属于Window类。但是，当我这样做时，它神奇地允许我将数据绑定到我在代码隐藏文件中定义的属性。这是怎么回事？
浏览 7提问于2022-04-03得票数 -1
回答已采纳
我正在尝试创建一个指令，以减少我必须编写的样板代码。
我使用角xeditable指令来进行内联编辑，但是当我从指令中添加xeditable指令属性时，它不起作用。
当我说它不起作用时，我的意思是，通常当我单击元素时，会出现一个输入框，而现在单击该元素时不会发生任何事情。
Glenn.directive('edit', function() {
return {
restrict: 'A',
template: '{{ content.' + 'ParamData' + '.data
浏览 0提问于2014-07-22得票数 0
回答已采纳
我正在为我们正在工作的web应用程序构建一个功能。应用程序在AngularJS 1.0.7上运行
功能如下:用户可以很常规地浏览应用程序，深入到内容的层次。一个ng视图，几个控制器，里面有更多的控制器和部分。
在4个第一级内容中，用户可以看到“路径”(与breadcrumbs相同)：
这是事情变得有趣的地方。当用户单击其中一个级别时，该级别将扩展，并且该级别的内容将位于其中。最初打开的内容将向下滑动：
为了更好地理解它，可以参考一下Evernote的移动应用程序。在这里，您可以使用相同的机制在同一级别的视图之间切换，因此每个级别都可以由一个父级中的控制器表示。
然而，在我
浏览 0提问于2013-08-24得票数 0
我正在尝试构建一个npm包，以标准化使用组件作为核心的布局组件。起初，我试图将npm包当作本地组件使用，但是当它试图读取组件时，它会抛出一个webpack加载程序错误，例如：
Module parse failed: Unexpected token (6:8)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| con
浏览 4提问于2022-06-09得票数 0
我正在构建我的第一个AngularJS动态表单，它是基于使用AngularJS指令从JSON文件接收到的信息构建的。
一切正常，我的问题是在加载页面时显示JSON代码--一旦加载页面，JSON代码就消失了。
我做错了什么吗？
检查以查看行为，多次单击“停止”/“开始”以查看行为。
HTML代码：
<!DOCTYPE html>
<html ng-app="myApp">
<head>
<script data-require="angular.js@*" data-semver="1.4.0-bet
浏览 4提问于2015-04-15得票数 2
回答已采纳
我已经将我的一个用户数据输入表单转换为uib模式，但是当我试图从“取消”按钮关闭该模式时，我会得到以下错误：this.$modalInstance.dismiss is not a function.。同样的事情是如果使用this.modalInstance.close().，这是很奇怪的，因为TypeScript似乎认为这些方法应该存在于VS代码中的代码完成基础上。
无论如何，基本设置如下：
打开模态的控制器：
class TestModalController {
static $inject = ['$modal'];
options: ng.ui.bo
浏览 10提问于2019-12-28得票数 0
回答已采纳
我使用的是AngularJS 1.0.8。
问题:我有一个动态网站，可以从各种组件或小部件中构建:段落、文本块、图像、超链接和表格。段落是包含更多组件的容器。表也是一种容器-它可以容纳其他组件，并将它们排列为数据网格。
该网站不是静态的，也就是说，我没有预定义的布局这些组件。相反，我在启动时获得了一个JSON，它指定了组件的布局。
最初，我对每个这样的组件都有一个指令，使用该指令的模板，偶尔还会使用$compile为更复杂的组件更改一点DOM。对于“容器”组件--段落和表格--我使用ngRepeat来呈现容器组件中包含的所有组件。
这是一个性能方面的问题。在Chrome/Firefox上加载网
浏览 1提问于2013-09-08得票数 6
我创建了一个指令，检查数据是否以下列方式输入到HTML元素：
var myApp = angular.module('myApp', []);
myApp.directive("uiRequired", function () {
return function (scope, elem, attrs) {
elem.bind("blur", function () {
var $errorElm = $('#error_testReq');
$errorElm.empty();
浏览 6提问于2013-12-05得票数 0
回答已采纳
我想动态地添加角自定义指令，但是由$compile(指令)产生的指令没有双向绑定。
下面是我的简化问题:我使用的是MapBox，我想对标记的弹出式显示指令，例如，标记的标题。MapBox希望将HTML作为字符串放在弹出窗口中，所以我的想法是传递一个$compiled指令，类似于$compile('<myDirective></myDirective>')($scope).html()。
它用其模板替换指令，但{{value}}未得到解决。
我有这样的东西来创建弹出窗口
map.featureLayer.on('layeradd', fun
浏览 0提问于2015-06-11得票数 1
回答已采纳
2回答
在我的应用程序中，我有一个特定的数据项，基于抽象的基本数据类型，具有具体的子类型。
我有一个UI组件，它显示这些数据项的列表。我想公开一个基本数据类型的ListProperty (它包含我想要显示的所有公共字段)，并且能够将它绑定到提供特定子类型列表的其他组件。但我似乎不能让列表兼容。
说明问题的代码示例：
import javafx.beans.property.ListProperty;
import javafx.beans.property.SimpleListProperty;
public class GenericTest
{
static class BaseClas
浏览 7提问于2016-08-10得票数 0
回答已采纳
我将使用Angularjs创建一个应用程序。例如，我有几个模态(使用ng-dialog库)来创建、修改数据。当我打开它的时候，我总是可以在几毫秒内看到变量的名字，在它呈现真实值之前，像{{user.name}}这样的赞誉。
它不是很漂亮，如果有人对如何处理这种类型的显示问题有想法，请分享它。
提前谢谢你。
浏览 3提问于2014-07-29得票数 0
5回答
初学者问题:什么是绑定？
、、、
我试图理解早期绑定和后期绑定之间的区别，在这个过程中，我意识到绑定的概念对我来说是模糊的。我想我理解它与数据作为一个字的内存是如何联系到类型作为一套语言的功能，但我不确定这些是正确的概念。另外，深入理解这一点如何帮助人们成为更好的程序员？
请注意:这个问题不是“什么是迟诉早期约束”或“两者之间的权衡”。这些东西已经存在了。
谢谢,
JDelage
浏览 3提问于2010-04-23得票数 18
回答已采纳
我刚刚完成了我的网站：
本网站由angularjs组成，元标题和描述由angularjs更新如下：
title ng-bind="page_title"
meta name="description" content="{{ page_description }}"
I使用HTML5推态
在谷歌网站管理员工具上，当我以谷歌的身份浏览我的网站时，返回的截图包含了angularjs应用程序创建的内容。
但是当我看谷歌的时候：
我注意到几个问题：
标题和描述不出现在搜索结果和angularjs表达式出现.
Google不跟踪主页上的链接(页脚
浏览 4提问于2015-01-04得票数 2
我在现有站点上使用angularJs实现了非常简单的功能。
大概是这样的
<div ng-app>
<div ng-controller="TermsController">
<input type="checkbox" ng-model="terms.agree" />
<input type="submit" value="{{terms.label}}" .. />
</div>
</div>
浏览 1提问于2012-11-08得票数 5
回答已采纳
所以我做了一个简单的指令，叫做“悬停”，这是一个基本的导航菜单，当你在一个特定的aba上传递鼠标时，这个aba会改变颜色。请参阅我的脚本代码：
var app = angular.module('myModule', []);
app.directive('hover', function(){
return{
restrict: 'E',
controller: function($scope) {
$scope.hover = null;
$scop
浏览 2提问于2014-01-23得票数 5
回答已采纳
我正在使用$compile在for循环中创建元素，并且需要将数据绑定到这些元素。
for (var item in data) {
var elem = $compile('<panel ng-model="item"></panel>')($scope)[0];
container.append(elem);
}
如何获取面板指令来访问项目数据？我必须手动添加元素，所以不能使用ng-repeat。
浏览 15提问于2016-07-27得票数 0
回答已采纳
这里有jquery select2输入字段：
当我点击“添加”按钮时，我会将这个值添加到数据库中。但是，当用户单击"x“来更改值时：
那我需要更新我的数据库..。但是怎么做呢？是否有一些函数可以从输入字段中删除值，以执行ajax更新我的数据库？
浏览 1提问于2014-03-21得票数 1
回答已采纳
1回答
我希望将ngModel属性设置为任何被排除为有效率的元素。
我使用slot transcludes：‘
transclude: {
'editor': 'editorControl'
},`
因此，在link方法中，我使用jquery向editor-control的子级添加了ng-model的属性。
问题在于，尽管该属性被添加到DOM ng--模型没有绑定到组件(当我在输入中更改值时，模型值在作用域上没有改变)。
这是完整的代码：
(function () {
'use strict';
浏览 1提问于2016-02-10得票数 0
我注意到，只要底层的$scope变量发生变化，就会自动调用这些方法。
$scope.getLength = function() {
return $scope.length;
}
我的html如下所示
<div class="test">{{getLength}}</div>
每当我更改$scope.length时，该方法都会更新UI上的值。我知道变量会因为Angular中的MVVM绑定而更新。WHy方法会被调用吗？
浏览 0提问于2014-01-29得票数 0
1回答
简单的问题是，是否有可能像对传统绑定那样，用编译后的绑定绑定到资源键？
即传统约束
<Page.Resources>
<local:DataSource x:Key="Data"/>
<CollectionViewSource x:Name="myColl" Source="{Binding Source={StaticResource Data}, Path=Colleges}" ItemsPath="Campuses" IsSourceGrouped="True"/
浏览 1提问于2015-10-26得票数 0
回答已采纳
我有一个简单的指令：
<div my-directive>
<span ng-click="reveal()">Click Me</span>
<!-- And other stuff -->
</div>
当我按Click Me键时，会打开一个表单，供您编辑某些内容。所有这些内容都是scope.form数据的一部分。现在，假设这个对象只有一个名为name的条目。
这就是我对我的指令所做的：
scope.reveal = function()
{
var el = $compile('&l
浏览 5提问于2014-09-05得票数 0
回答已采纳
2回答
由于某些原因，我无法得到以下2路绑定。我正在尝试一种动态的方法，用表格填写ng模型。
html：
<thead ng-repeat="field in fields">
<tr>
<th>
<select ng-model="{{field.day}}"></select>
</th>
<th>
<select ng-model="{{field.month}}"></select>
浏览 3提问于2014-06-08得票数 1
回答已采纳
在阅读了它之后，我了解到通过ajax加载的html并不是绑定到我的角度应用程序。我试过1.000种东西，但无法让“customers-Invoice.html”理解“角”。任何想法都会很感激的。
<body ng-cloak ng-app="myApp">
<main id="main">
<div ng-controller='Ctrl'>
<a ng-click="openInvoice(data.invoiceRef)" class=&
浏览 8提问于2017-09-13得票数 1
回答已采纳
以下是我的HTML部分：
<div data-my-question="" data-question="Question text?">
<div data-yes="">
YES!
</div>
<div data-no="">
NO!
</div>
</div>
这是我的角度指令：
angular.module('myModule').directive('myQue
浏览 4提问于2014-08-06得票数 2
回答已采纳
在使用ng值更新或分配值或数据到模型中时，我遇到了问题。
我希望将DisplayName模型中的任何值复制到CopyDisplayName，并且使用下面的指令我能够做到这一点，但问题是，当我提交更改时，模型CopyDisplayName没有任何值。只有当我手动输入它时，它才有可能。
<input type="Text" ng-model="DisplayName" ng-disabled="true" />
<input type="Text" ng-model="CopyDisplayName"
浏览 5提问于2015-09-15得票数 2
回答已采纳
6回答
在AngularJS中添加指令
、、、、
我试图构建一个负责的指令，将更多的指令添加到它所声明的元素中。例如，我想构建一个指令，负责添加datepicker、datepicker-language和ng-required="true"。
如果我尝试添加这些属性，然后使用$compile，我显然会生成一个无限循环，所以我正在检查是否已经添加了所需的属性：
angular.module('app')
.directive('superDirective', function ($compile, $injector) {
return {
restrict: '
浏览 1提问于2013-10-07得票数 199
回答已采纳
是否可以手动重新编译嵌套在另一个指令中的指令？
我有一个modal-create-task指令，它使用showCreateTaskModal事件和一些数据进行初始化。根据事件带来的数据，模式改变其UI布局，并更改嵌套指令search-projects的行为。
我目前遇到的问题是，我需要重新编译search-directive，因为它需要触发与showCreateTaskModal一起输入的数据。
模态模板如下所示：
<div class="ui modal" id="modalCreateTask" ng-controller="ModalCrea
浏览 7提问于2015-02-24得票数 1
回答已采纳
4回答
当构建一个每个页面都依赖于许多数据源的web应用程序时，获取初始数据的最佳方法是什么？当我查看twitter时，我看到页面加载上可见的tweet位于HTML源文件中，在向下滚动时使用AJAX加载了更多的tweet。但是，没有方便的方法来获取已经存在于DOM中的数据，以便将其插入到模型中。
在页面加载接缝之后立即请求初始数据是愚蠢的，因为您刚刚多次往返到服务器以获取css、html和javascript。如果将数据插入页面上的javascript标记中，这样javascript函数就可以添加初始数据，这是不是一个坏主意？
我特别要求使用angularjs，但是如果有一种通用的技术，也请告诉我。
浏览 0提问于2013-08-06得票数 25
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
