Tag: angularjs directive

$ scope。当我从指令更新时，$ watch不会触发: 我有以下代码片段： HTML： <div data-filedrop data-ng-model="file"></div> 控制器： $scope.$watch('file', function(newVal) { if (newVal) { alert("File",newVal); }, false); } 指示： angular.module('app').directive('filedrop', function () { return { restrict: 'A', templateUrl: './directives/filedrop.html', replace: true, scope: { ngModel: '=ngModel' }, link: function (scope, element) { var dropzone = element[0]; dropzone.ondragover = function () { this.className = 'hover'; return false; }; dropzone.ondragend […]

如何在每一个angular度创build星形图标？: 我正在尝试在每一行中制作星形图标。我正在dynamic生成行，但是我能够生成行，但是我的星形图标在顶部行的顶部可见。为什么..我需要在每一行中显示开始图标。 http://plnkr.co/edit/mBoAX5xaVTYvdrRuafEw?p=preview <table ng-table class="table"> <tr ng-repeat="guitar in guitarVariable" style="border: 5px solid #000000; background: pink" > <span class="glyphicon glyphicon-star"></span> <td data-title="'Name'">{{guitar.color}} </td> <td data-title="'class'">{{guitar.value}}</td> </tr> </table>

validation问题使用angularjs（红色边框在Firefox上显示）？: 我从对象做了一个简单的表单..现在我validation该表单。我在validation时遇到了一些问题。请在firefox上检查这个。当我写入需要的时候，我的字段变成了红色（在input字段上是红色的边框），运行应用程序后显示“请input有效的电子邮件”，当用户将一个字段移动到另一个字段时，该字段变为红色，我需要显示两条消息“请input电子邮件”与“请input有效的电子邮件”我怎么能做到这一点？我学习了很多的教程，但我应用这个东西$脏，$原始，但没有为我工作..我学习从那里validation.. http://scotch.io/tutorials/javascript/angularjs-form-validation <ul ng-repeat="input in inputs"> <li><span>{{input.name}} : </span> <div ng-switch="input.type" ng-form="myfrm"> <div ng-switch-when="text"> <input type="text" ng-model="outputs[input.name]"/> </div> <div ng-switch-when="email" class="form-group" > <input type="email" ng-model="outputs[input.name]" name="input" ng-required="input.required"> <P ng-show="myfrm.input.$invalid && !myform.input.$pristine">Please enter a valid email</P> </div> <div ng-switch-when="number"> <input type="number" ng-model="outputs[input.name]" ng-required="input.required" name="input"/> <P ng-if="myfrm.input.$invalid">Please enter a valid number</P> </div> <div ng-switch-when="url"> <input […]

如何在指令中使用/同步控制器的数据？: 经过一番调查，我无法find我的问题的答案。我有一个从数据库中获取数据的控制器，我把一些数据放在一个表中（在其他地方使用）。 Employees.getEmployees() // A service that return $http.get … .success(function(data) { $scope.employees = data; }); $scope.salesData = []; angular.forEach($scope.employees,function(employees){ $scope.salesData.push(employees.totalSales); }); 我想在指令中使用这个$ scope.salesData，用D3JS创build一个图表。 angular.module('dirDonut', []) .directive("linearChart", function($window) { return{ restrict: "EA", link: function(scope, el, attrs){ // retrieve datas from the Controller var data=scope[attrs.chartData]; // Here the code creates the chart … } }; }); […]

angularjs指令不起作用（node.js和angularjs newbee）: 我正在学习AngularJS和Node.js. 我试图build立一个小型网站（“你好网站”），但我有一个angularjs指令（我猜）的问题。这是我的项目结构根 + angularFiles —— angularMenu.js +模板 —— menu.html – index.html – servidor.js 正如你所看到的，没有什么特别的…文件的代码： servidor.js (web server) var port=9000; //importamos librerias etc… var express= require('express'); var app=express(); app.use(express.static(__dirname+'/')); //rutas para las peticiones app.get('/',function(req,res) { res.sendFile(__dirname+'/index.html'); console.log("index"); }); app.listen(port); console.log("servidor lanzado y escuchando en puerto "+port); Web服务器工作 index.html <!DOCTYPE html> <html lang='es'> <head> <title>Colonias […]

在angular度种子克隆的“npm start”命令中出错: 当我从github克隆angular种子并运行节点服务器时，出现以下错误。我已经将angular种子克隆到现有的项目目录。我不确定发生了什么问题。但是我得到了下面的错误。请帮助 $ npm start > StickyTodos@0.0.0 prestart C:\projects\StickyTodos > npm install > StickyTodos@0.0.0 postinstall C:\projects\StickyTodos > bower install > StickyTodos@0.0.0 start C:\projects\StickyTodos > http-server -a localhost -p 8000 -c-1 events.js:141 throw er; // Unhandled 'error' event ^ Error: listen EADDRINUSE 127.0.0.1:8000 at Object.exports._errnoException (util.js:860:11) at exports._exceptionWithHostPort (util.js:883:20) at Server._listen2 (net.js:1234:14) at […]

将markdown整合到angularjs中？: 我已经开始使用AngularJS + NodeJS编写一个简单的应用程序来了解更多关于堆栈的信息，看起来markdown工作起来有点棘手，但是没有得到很好的支持。我来自一个ruby背景，我使用的是redcarpet降价库，这是非常标准和直接。我遇到了angular-markdown-directive ：优点设置简单使用ngSanitize清理用户提交的降价。这个图书馆是由Angular官方团队支持的。缺点它在引擎盖下使用showdown ，似乎已经死了一段时间，但小的进展似乎正在与新的维护者正在接近。然而，它有不less突出的bug，2013年和2014年的两个特别bug报告令人担忧：（1）下划线显然被解释为斜体（将创build格式不正确的链接）： https://github.com/showdownjs/showdown/issues/96 ： https://github.com/showdownjs/showdown/issues/96 （2）安全问题，使XSS仍未修补： https://github.com/showdownjs/showdown/issues/57 ： https://github.com/showdownjs/showdown/issues/57 我不确定（2）是否会成为我的情况，因为ngSanitize可能有帮助。还有另一个名为markdown-it库，但是这个库在Nodejs中处理Markdown而不是Angular。但是他们的例子并没有提到最好的安全实践。 – 有没有关于如何安全地将Markdown安全地集成到Node / Angular应用程序中的完整示例？ angular-markdown-directive似乎是一个不错的select，但有一些令人痛苦的问题，而其他大多数markdown库都是死亡/死亡，或者它们在生产环境中的安全性。

为什么元素不是dynamic添加在angular: 我正在尝试使用ng-repeatdynamic添加数据。我不知道为什么不加。我input数据中dynamic添加的“名称”，但不显示在用户界面中。这里是一个演示 app.controller("studentcntr", ['$scope', function(scope) { scope.studentDetail = []; var student = { name: '' }; scope.addStudent = function() { bootbox.prompt("Enter Name!", function(res){ if (res == null) { } else { student.name = res; scope.studentDetail.push(student); } }); }; }])

Angularjs socket.io服务: 您好我build立一个angularjs服务，将通过socket.io使用websockets与后端（node.js）沟通。我在网上find了一小段代码，但是我不太明白它是如何工作的。特别是在“var args = arguments”下面的行上。帮帮我？ angularjs_service.js app.factory('socket', function ($rootScope) { var socket = io.connect(); return { on: function (eventName, callback) { socket.on(eventName, function () { var args = arguments; $rootScope.$apply(function () { callback.apply(socket, args); }); }); }, emit: function (eventName, data, callback) { socket.emit(eventName, data, function () { var args = arguments; $rootScope.$apply(function […]

如何在Morris JSgraphics的Angular JS中创build一个指令: 我正尝试通过创build一个Angular JS指令来创build一个使用Morris JS的图。我的指令代码是： Reporting.directive('morrisLine', function(){ return { restrict: 'EA', template: '<div id="call-chart">test2</div>', scope: { data: '=', //list of data object to use for graph xkey: '=', ykey: '=' }, link: function(scope,element,attrs){ new Morris.Line({ element: element, data: [ { year: '2008', value: 20 }, { year: '2009', value: 10 }, { year: '2010', value: 5 […]