个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
24
4
我创建了一个简单的 plnk @ plnkr.co。它在那里不起作用。然而，相同的代码在本地运行顺利。
plnk @ plnkr.co link
index.html
<!DOCTYPE html>
<html ng-app='app'>
<head>
<script data-require="angular.js@*" data-semver="1.2.6" src="https://code.angularjs.org/1.2.6/angular.js"></script>
<link rel="stylesheet" href="style.css" />
<script src="script.js"></script>
</head>
<body ng-controller='controller'>
<h1>Hello Plunker!</h1>
<div my-sample></div>
</body>
</html>
script.js
// Code goes here
'use strict';
var app = angular.module('app',[]).
controller('controller',function($scope)
{
}).directive('mySample',function($compile)
{
return {
link : function(scope,element,attrs,controller)
{
var markup = "<input type='text' ng-model='text' />{{text}}"
angular.element(element).html($compile(markup)(scope));
}
}
});
plnkr 中的输出如下:
你好，笨蛋!
[[对象 HTMLInputElement], [对象 HTMLSpanElement]]
奇怪，但是当我在本地 html 中运行相同的内容时，它呈现得很好。这是怎么回事？？
此外，我正在使用 Angular JS 1.2.6，因为这就是我的工作 - 生产应用程序中使用的内容......所以我现在正在使用 1.2.6 学习 Angular。
最佳答案
你只需要稍微不同地编译它。
element.html("<input type='text' ng-model='text' />{{text}}");
$compile(element.contents())(scope);
简单说一下:我假设您在这里所做的事情已经过简化，并且在您的实际情况下，需要编译您的模板，因为目前还没有。
关于javascript - AngularJS，自定义指令不起作用@ plnkr，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/28926671/
24
4
0
今天有小伙伴给我留言问到，try{...}catch(){...}是什么意思？它用来干什么？ 简单的说 他们是用来捕获异常的 下面我们通过一个例子来详细讲解下
我正在努力提高网站的可访问性，但我不知道如何在页脚中标记社交媒体链接列表。这些链接指向我在 facecook、twitter 等上的帐户。我不想用 role="navigation" 标记这些链接，因
说现在是 6 点，我有一个 Timer 并在 10 点安排了一个 TimerTask。之后，System DateTime 被其他服务(例如 ntp)调整为 9 点钟。我仍然希望我的 TimerTas
就目前而言，这个问题不适合我们的问答形式。我们希望答案得到事实、引用资料或专业知识的支持，但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开，visit the
我就废话不多说了，大家还是直接看代码吧~ ? 1
Maven系列1 1.什么是Maven？ Maven是一个项目管理工具，它包含了一个对象模型。一组标准集合，一个依赖管理系统。和用来运行定义在生命周期阶段中插件目标和逻辑。 核心功能 Mav
我是一名优秀的程序员,十分优秀！