1回答
函数的意义是什么？
function valueFn(value) {return function() {return value;};}
在angular.js中定义。
它是用于ex的。在……里面
var lowercaseFilter = valueFn(lowercase);
register('lowercase', lowercaseFilter);
如果我们直接使用小写，会有什么不同
register('lowercase', lowercase);
而不是前一行。
同样，在方法中，
function ngDirective(directive)
浏览 1提问于2013-02-23得票数 5
回答已采纳
3回答
我有一个AngularJS指令，它以"Element“模式使用，也就是说，它被用作HTML中的自定义标记。
angular
.module('myModule')
.directive('myDirective', function() {
return {
restrict: 'E',
scope: {
attr1: '=',
attr2: '='
浏览 3提问于2014-08-05得票数 0
回答已采纳
4回答
在使用类型记录创建嵌套指令时遇到问题。我可以用简单的AngularJ：，
但是使用TypeScript，它给了我“没有控制器”的错误消息。
/// <reference path="../../Scripts/AngularJs/Typings/angular.d.ts" />
export class directiveA {
public static $inject: Array<string> = [];
constructor() {
var directive: ng.IDirective = {};
浏览 5提问于2013-07-30得票数 11
回答已采纳
我在AngularJS中尝试了多个指令。
var app = angular.module("myApp", []);
app.controller("myController", function($scope){ });
app.directive("myDirective1", function(){ return {
template: "<h1> hello this is directive with template </h1>" }; });
app.dire
浏览 0提问于2016-11-07得票数 0
2回答
在模板AngularJS中不工作
、、、、
对不起，如果我错过了一些愚蠢的东西，但我真的尝试了各种组合来使这个代码工作，但没有运气。
我正在从directive学习AngularjS的Recipes with AngularJS，但是我坚持这个代码-
我相信它应该打印标题在Hello p文本之前。但它不会来。告诉我我在代码中遗漏了什么-
作为一个整体-
<!doctype html>
<html lang="en" ng-app="myApp">
<head>
<meta charset="utf-8" />
<t
浏览 4提问于2014-09-08得票数 2
回答已采纳
0回答
我只是在玩angular指令，但不知何故，添加指令的注释方式没有显示出来。这是标记。
<!DOCTYPE html>
<html>
<head>
<title></title>
<script src="angular.js"></script>
</head>
<body ng-app="directive-app">
<first-directive></first-directive&g
浏览 5提问于2017-06-15得票数 2
回答已采纳
2回答
如果我提前向AngularJS注册了一个面向元素的指令，那么我可以直接将一个与指令元素匹配的节点(例如<my-directive-name my-attribute='foo'></my-directive-name> )注入DOM (例如通过document.appendChild)吗? AngularJS将代替它呈现该指令(可能需要手动摘要触发器)吗？
my-directive-template.html
<div>
hello world
</div>
my-directive-name.js
functio
浏览 0提问于2015-07-28得票数 1
回答已采纳
2回答
我正在开发一个将使用AngularJS的Rails3.2应用程序。我可以让Angular来做我需要做的事情，但我很难弄清楚如何测试我正在做的事情。我正在使用guard-jasmine通过PhantomJS运行Jasmine规范。
下面是(相关的) html：
<html id="ng-app" ng-app="app">
<div id="directive-element" class="directive-element">
</div>
</html>
javascri
浏览 2提问于2012-10-06得票数 45
1回答
我创建了一个简单的小提琴，来说明scopes (true, false, {})之间的区别。
但我不明白，为什么它不能像我期望的那样工作。
1)为什么更改控制器上的val，通过scope:true影响directiveTwo。如果我改变了指令中的值，那么控制器就会停止来影响它。
2)为什么directiveThree有隔离的作用域，但它继承了控制器的值(所以在directiveOne中创建的值，传递给它)，更改控制器中的值会影响directiveThree。当我更改该指令的值时，它会影响控制器的值。隔离的作用域不应该被隔离吗？
HTML：
<div id="myApp"
浏览 1提问于2013-12-08得票数 0
是否可以将范围读入指令的templateUrl中？
我想做这样的事：
mDirective.directive('directive', [function () {
return {
restrict: 'A',
scope: {
types :'=types'
},
templateUrl:'.mytemplate/'+scope.types+'.html'
浏览 2提问于2014-01-24得票数 4
2回答
我试图将一组指令附加到相同的DOM元素中，如下所示
角HTML
<div one two></div>
HTML的结果如下所示
<div one two>
<h1>one</h1><!--this one added by the 'one' directive-->
<h2>two</h2><!--this one added by the 'one' directive-->
</div>
我不知道如何
浏览 1提问于2015-03-07得票数 0
回答已采纳
我正在将我们的.NET框架项目迁移到.NET核心。以及我们以前依赖于BundleTable框架中的.NET工具的地方。我们现在用webpack。
我有一个指令使用一个包‘angularjs’。webpack条目的定义如下
'bundles/grouping':
[
"./Scripts/angularjs-dragula.js",
"./App/components/grid.directive.js",
"./App/components/inline-edit.directive.js",
&#
浏览 3提问于2019-05-17得票数 0
1回答
前言
当我在控制器下声明指令时，例如：
<div ng-controller="MyController">
<my-directive></my-directive>
</div>
该指令默认继承该控制器的作用域。这意味着如果控制器定义
$scope.Heaven = "Free Beer"
然后，我可以访问指令的模板中的
{{ Heaven }}
问题
当在另一个指令中声明指令时，为什么子指令不像放在控制器中那样继承作用域呢？
<my-parent-directive>
<my-chi
浏览 2提问于2014-12-06得票数 4
回答已采纳
1回答
我正在尝试为动态模板实现指令。根据下拉列表中选择的内容，模板应该更改。到目前为止，我管理的只是在页面加载上实现动态的，但是当下拉列表中的值被更改时，模板保持不变.(函数() {‘使用严格“)；
// directive for loading incomeinformation, regular or military
angular.module('myModule').directive('dynamicTemplate', templateControl);
templateControl.$inject = [];
function template
浏览 1提问于2015-02-20得票数 0
回答已采纳
1回答
我正在尝试制作一个泛型组件来显示变量，或者从它的作用域调用方法。
编写<component config-name></component>感觉很自然，所以我坚持用属性指令中的变量填充泛型组件的作用域。
该指令将提供要显示的变量、调用方法等。
最后我得到了这样的结果：
var app = angular.module('app', []);
app.component('component', {
template: '<li>{{data}}</li>'
});
app.directive
浏览 2提问于2017-08-30得票数 0
回答已采纳
1回答
我正在尝试创建一个简单的AngularJS指令，但是它没有显示出来。
使用AngularJS脚本内联的index.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title> Angular Sample </title>
</head>
<body ng-app="demo" ng-controller="HomeController">
<data
浏览 2提问于2015-08-14得票数 1
我有两个关于指令的问题。第一个问题与注入提供程序有关。我使用了AngularJS网站上列出的编译指令示例。在该示例中，它声明创建一个模块，然后从该模块创建一条指令
// declare a new module, and inject the $compileProvider
angular.module('compile', [], function($compileProvider) {
// configure new 'compile' directive by passing a directive
// factory function. T
浏览 1提问于2013-05-10得票数 2
我完全搞不懂翻译/替换和指令。我以为我理解，但现在我不知道如何让这个特定的测试用例工作。从我在文档中的所有内容来看，所以，和博客中，我下面的代码似乎都能工作。首先，一些代码：
标记：
<my-directive><h1>My Title</h1></my-directive>
我想要的最终结果是：
<my-directive><div class="awesome"><h1>My Title</h1></div></my-directive>
该指令：
myA
浏览 2提问于2014-06-30得票数 0
回答已采纳
1回答
我会对angularJS指令提出一个问题。我有以下指令-代码：
<div class="panel panel-primary">
<div class="panel-heading">
<h3 class="panel-title">
<div class="badge pull-right" tooltip="Role" tooltip-append-to-body="true" editable-text
浏览 4提问于2015-08-07得票数 0
1回答
我有以下问题：
p
directive(attr="foo")
| (
directive(attr="bar")
|)
期望的产出是：
<directive attr="foo"></directive> (<directive attr="bar"></directive>)
但是，Jade的处理方式是在第一个括号之后引入空格，如：
<directive attr="foo"></directive> ( <dire
浏览 2提问于2015-01-08得票数 0
回答已采纳
如何调用在子指令中定义的方法，在一个按钮中单击父指令的监听器。
angular.module('editableDivDirective', [])
.directive("editableDiv", function() {
var directive = {};
directive.restrict = 'E';
directive.replace = 'true';
directive.scope = {};
directive.transclude = 'true'
浏览 5提问于2014-12-19得票数 7
1回答
我正在尝试将select (jquery )与AngularJS集成起来，但我无法在select中填充任何选项。
我开始学习本教程：
并创建了这个简单的示例(在“”的帮助下)：
module.directive('chosen', function(){
var directive = {};
directive.restrict = 'A';
directive.link = function(scope, element, attrs) {
var list = attrs['chosen'];
浏览 1提问于2014-10-17得票数 0
回答已采纳
我正在尝试创建一个指令，该指令从子指令中获取值，并填充视图中的字段。举个例子：
app.directive('directive1',function() {
return {
restrict: "A",
scope:{posts :'='},
link: function (scope, element, attrs) {
scope.posts = {};
}
};
});
app.directive('directive2&#
浏览 3提问于2013-11-20得票数 1
回答已采纳
3回答
就性能最佳实践而言，建议在页面底部加载javascripts。对角应用也是一样的。
将脚本标记放在页面底部。在页面末尾放置脚本标记可以缩短应用程序加载时间，因为加载angular.js脚本不会阻止加载。
我的网页充满了角指令和角绑定，我的身体标签中没有任何静态的html内容。一般性建议是否仍然适用于我的网站？，我希望本建议只适用于静态内容和部分angularJS内容的站点。
如果我把角度放在底部，我假设首先加载我的html，然后是角解析，然后再进行html加载、解析和脚本执行。是真的吗？如果我把我的角度放在页面的顶部，我能得到一些性能的好处或者性能会恶化吗？
我把我所有的剧本组合成一个
浏览 2提问于2015-06-25得票数 0
我试图在ng-重复中动态地创建指令。我有一个directive-writer，它创建了许多其他指令，但是directive-writer似乎没有输出指令属性。因此，第二组指令从未呈现。
有关完整演示，请参见。
简而言之，我有一个指令标签：
<div ng-repeat="dir in directives" directive-writer
directive-text="{{ dir.text }}" directive-type="{{ dir.directive }}"></div>
范围数据：
$sco
浏览 1提问于2014-09-12得票数 1
回答已采纳
1回答
有办法在AngularJS中获取指令元素的索引吗？我没有通过AngularJS文档和谷歌找到任何东西。例如，我的DOM中有几个指令元素，如：
<div directive></div>
<div directive></div>
<div directive></div>
它们每个都有一个独特的offsetTop。我想将这些偏移量写入与其索引一起标识的范围变量中：
app.controller('AppController', [ '$scope', function ($scope) {
浏览 1提问于2014-02-01得票数 1
回答已采纳
如何编写一条angularjs指令来延迟渲染该元素？
<div my-directive>
Hello - show after 1 second.
</div>
angular.module('myapp').directive('myDirective', function () {
return {
restrict: 'A',
link: function (scope, element, attrs) {
}
}
})
浏览 0提问于2019-01-24得票数 1
指令在我的应用程序中不起作用。我不确定我到底错过了什么。
index.cshtml：
<div>
<test-directive> </test-directive>
</div>
Directive.js：
bingAdsDiagnostics.angular.loadApp.directive("testDirective", function () {
return {
restrict: 'E',
templat
浏览 1提问于2014-11-26得票数 0
我试图通过嵌套指令循环一个函数。在console.info in myCtrl中，我希望得到字符串"this should be logged"。
angular.module('myApp')
.controller('myCtrl', function ($scope) {
$scope.aFunction = function(input) {
console.info(input.message);
}
})
.directive('level
浏览 7提问于2015-05-24得票数 0
回答已采纳
3回答
我试图在angularJS中创建一个指令。但这不管用。我所做的事情如下。
我的主html代码
<body ng-app="birthdayToDo" ng-controller="main">
<h1>Hello Plunker!</h1>
<myCustomer></myCustomer>
</body>
我的Js代码：
var app = angular.module('birthdayToDo', []);
app.controller('
浏览 4提问于2015-01-07得票数 0
回答已采纳
我的问题听起来很简单，但我还没有找到解决方案，我已经在谷歌和这里搜索了很多。
我想为我的自定义指令创建一个演示html页面，并在其中显示代码块中的指令标记(类似于中的标记)。但我不需要它是动态的(没有语法突出显示，没有标签)。
对我来说，代码可以像纯文本一样使用，但是可以解析指令并执行代码。
如何阻止角执行指令？
它应该是这样的：
Text that describes the directive ..............
<directive1 parameter1="test"></directive1>
Then the rende
浏览 2提问于2015-05-03得票数 3
回答已采纳
1回答
动态AngularJS指令
、、、、
我正在尝试在我的应用程序中的ng-options元素中动态插入一个<select>指令，这些元素都有自己的类名和其他指令(比如ng-if等等)。
<div ng-app="app" ng-controller="ctrl">
<select ng-model="model" class="myClass" ng-if="condition || true" my-directive>
</select>
<pre>{{ model | json
浏览 2提问于2015-12-08得票数 1
1回答
我想知道如何/是否可以扩展或堆叠AngularJS指令行为。我想要实现的是将自定义指令定义为div中的一个属性，并能够从多次调用中累积地将元素添加到div中。
这看起来和这个问题很相似：
..which指的是此文档：
文档中提到了堆叠指令的概念。但是没有太多的细节。下面基本上就是我正在尝试的，但当我添加第二个指令调用时，它给出了一个错误。想知道是否有任何方法可以实现这类事情。其动机是主应用程序将具有一些基本内容，但其他人可以在不修改原始代码的情况下对其进行扩展。有没有更好的方法来实现这一点？
错误：
Error: Multiple directives [myDirective, myDire
浏览 1提问于2013-10-24得票数 1
1回答
我试图用angularjs建立一个动态的框架。我用webapi加载部分，这些部分包含关于它使用的指令以及应该在该指令中使用的数据的数据。我发送的数据如下所示：
[
{
id: "section1",
directive: "<my-directive></my-directive>",
content: {
title: "This is a title",
text: "This is a text"
浏览 2提问于2017-03-30得票数 0
回答已采纳
我正在使用一个装饰器扩展一个第三方指令。我想在装饰器中访问我的一个工厂。我该怎么做呢？
$provide.decorator( 'multiSelectDirective', function( $delegate ) {
var directive = $delegate[0],
link = directive.link;
// wipe out the shitty template
directive.template = '';
// make with the new template!
d
浏览 1提问于2014-10-16得票数 0
我正在尝试学习角指令/转换以控制应用程序中一些自定义面板的创建。我在某个地方出错了，没有出现在html中的被屏蔽的内容。
我有以下html标记：
<div panel-widget>
<!-- this transcluded content appears -->
<div panel-header></div>
<div panel-body>This content doesn't</div>
</div>
在我的浏览器中，我可以看到面板-小部件指令之后的内容，而不能看到面
浏览 2提问于2015-05-20得票数 1
回答已采纳
1回答
下面的指令返回一个对象" directive“。我能把它返回给一个函数吗？
var sharedApp = angular.module("sharedApp", []);
sharedApp.directive("showAvatar", function () {
var directive = {
restrict: "ACEM",
replace: true,
template: "<h2>This is directive template of sha
浏览 1提问于2014-06-03得票数 1
我想要预加载模块所需的所有AngularJS模板。当模板已经合并到一个文件中时，我找不到任何方法来完成此操作。
例如，我有一个名为"templates.html“的html文件，其结构如下：
<script type='text/ng-template' id='directive1.html'>
<p>Directive One</p>
</script>
<script type='text/ng-template' id='directive2.html'
浏览 1提问于2014-08-19得票数 1
我想将来自另一个控制器的值放入我的自定义指令中，但指令中watch函数中的值是未定义的.Here是我的代码：
指令代码：
function associates($templateCache,$compile) {
var directive = {};
directive.restrict = 'E';
directive.controller = 'associatesTypeaheadController';
directive.controllerAs = 'ctrlTA';
浏览 0提问于2017-09-15得票数 0
我的脚本A中有这样的结构：
module.exports = angular.module('myApp').controller(..).directive(..)
我想要注入额外的指令，这样我就有了这样的东西：
module.exports = angular.module('myApp').controller(..).directive(..).directive(..)
我想从脚本A的外部执行此操作。
有什么想法可以实现这一点吗？我仍然在跟上angular，任何帮助都是非常感谢的！非常感谢!
浏览 0提问于2016-05-13得票数 0
我在java动态web项目中耗尽了我的angular应用程序，目录映射：
->WebContent
---->javaScript
------>directives
index.html
在我的指令文件夹中，我有form directive：
var app = angular.module('myApp');
app.directive('formDirective', formDirective);
function formDirective() {
var directive = {
restric
浏览 21提问于2017-07-04得票数 0
1回答
我学习了AngularJS拖放。我的代码工作正常。我在彼此之间移动DIV。
app.directive('draggable', function()
app.directive('droppable', function()
但当DIV包含元素时，动画就会起伏不定。您可以以我自己为例进行尝试：
我怎样才能解决这个问题呢？谢谢。
Upd。仅在chrome中效果不佳。在firefox中，一切都是可以接受的
Upd2。我发现了问题：
浏览 1提问于2014-08-20得票数 0
2回答
如何做AngularJS的研究？
我有一个用jquery方法.html()插入的HTML，在这个html中我有一个指令。我该怎么做呢？
示例：
//This directive should show a alert <div alert-directive></div>
我正在用$(".container").html('<div alert-directive></div>')在容器中插入上面的html。指令不执行。
浏览 4提问于2014-08-25得票数 0
回答已采纳
1回答
在DOM上执行多个指令
、、、、
在AngularJs1.3中，模块中定义了两个指令。
我发现只有一个指令被执行，尽管当另一个指令被注释掉时，这两个指令单独工作。
在执行控制台中没有异常。
指令
angular.module('studentDetailApp.directives',[]).directive('studentDirective', function () {
return {
template:'...',
link: function ($scope, element, attrs) { console.log('studen
浏览 1提问于2015-05-30得票数 1
回答已采纳
下面的kendoDatePicker包含在AngularJS指令中；该指令应该显示选择器打开日历，但它没有。这段代码有什么问题？。
HTML：
<dir2></dir2>
Javascript：
var app = angular.module("app", [ "kendo.directives" ]);
function MyCtrl($scope) {
}
app.directive('dir2', function() {
var directive = {};
direc
浏览 2提问于2014-12-07得票数 1
回答已采纳
1回答
我对何时呈现AngularJS指令中的“模板”感到有点困惑。请参见以下代码片段：
<!DOCTYPE html>
<html ng-app="plunker">
<head>
<meta charset="utf-8" />
<title>AngularJS </title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.1.5/angular.js" da
浏览 3提问于2014-12-03得票数 2
回答已采纳
2回答
我尝试在我的应用程序中实现一个新的指令。指令的代码：
module Myapp.NV.Directives {
export interface placeHolderScope extends ng.IScope {
txt: string;
}
/**
* PlaceHolder
*
* @class
* @classdesc This directive is use to simulate placeholder HTML5 attributes
*/
export class PlaceHolder implements IDirective {
static
浏览 1提问于2014-10-09得票数 1
回答已采纳
因此，使用angularJS时，为了更清晰起见，我希望将指令分别放在各自的文件中。我尝试了一些我在这里和其他地方找到的建议，但没有奏效。
现在，我的指令在控制器文件中，这也是我定义模块的文件。
Controller.js：
var app = angular.module("viewerApp", ["ngDialog"]);
app.config(['ngDialogProvider', function (ngDialogProvider) {
ngDialogProvider.setDefaults({
class
浏览 0提问于2015-04-02得票数 0
1回答
我正在开发angularjs应用程序。
代码如下：
<directive date="date" date-format="YYYY-MM-DD" >
<input ng-model="Date" type="text"/>
</directive>
如何使用bootstrap添加angular指令？
我正在考虑使用bootstrap或任何datepicker来进行绑定输入。如果不清楚，请评论。
浏览 0提问于2015-09-09得票数 0
当文档中的所有指令完全呈现和编译时，我需要触发一个函数调用。调用必须在所有指令之外，就像它与所有指令的作用域相关一样。
一些代码：
<body *here I want an event such as onload(someFunc) that happens after angular's rendering,not only html's*>
<directive1>
<directiv1.1></directive1.1>
</directive1>
<directive2></dir
浏览 5提问于2014-10-20得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
