Tag: angularjs

如何让ng-bind-html编译angularjs代码: 我正在使用angularjs 1.2.0-rc.3。我想dynamic地将HTML代码包含到模板中。为此，我在控制器中使用： html = "<div>hello</div>"; $scope.unicTabContent = $sce.trustAsHtml(html); 在我得到的模板中： <div id="unicTab" ng-bind-html="unicTabContent"></div> 它正常工作正常的HTML代码。但是，当我试图把angular模板不解释，它只是包括在页面中。例如，我想包括： <div ng-controller="formCtrl"> <div ng-repeat="item in content" ng-init="init()"> </div> </div> 非常感谢

如何循环ng-repeat函数返回的项目？: 我想重复创builddiv，这些项目是由函数返回的对象。但是，以下代码报告错误：已达到10 $ digest（）迭代。中止！ jsfiddle在这里： http : //jsfiddle.net/BraveOstrich/awnqm/ <body ng-app> <div ng-repeat="entity in getEntities()"> Hello {{entity.id}}! </div> </body>

分机页面中的angular度更改会导致“不安全：”: 我正在尝试使用angular度与应用程序的列表，每个人都是一个链接，更详细地看到一个应用程序（apps / app.id）： <a id="{{app.id}}" href="apps/{{app.id}}" >{{app.name}}</a> 每次点击其中一个链接时，Chrome浏览器都会显示该url为不安全：chrome-extension：//kpbipnfncdpgejhmdneaagc…../apps/app.id 不安全从哪里来？

没有“Access-Control-Allow-Origin” – 节点/ Apache端口问题: 我使用Node / Express创build了一个小的API，并试图使用Angularjs来获取数据，但是当我的html页面在localhost上的apache下运行时：8888和node API在端口3000上侦听，我得到了No Access-允许来源。我尝试使用node-http-proxy和Vhosts Apache，但没有太多的成功，请看下面的完整的错误和代码。 “XMLHttpRequest无法加载localhost：3000，请求的资源上没有”Access-Control-Allow-Origin“标头，因此Origin'localhost：8888'不允许访问。 // Api Using Node/Express var express = require('express'); var app = express(); var contractors = [ { "id": "1", "name": "Joe Blogg", "Weeks": 3, "Photo": "1.png" } ]; app.use(express.bodyParser()); app.get('/', function(req, res) { res.json(contractors); }); app.listen(process.env.PORT || 3000); console.log('Server is running on Port 3000') // Angular code […]

如何validation使用ng-repeatdynamic创build的input，ng-show（angular）: 我有一个使用ng-repeat创build的表格。我想要validation表中的每个元素。问题是每个input单元格的名称都与它上面和下面的单元格相同。我试图使用{{$index}}值来命名input，但是尽pipeHTML中的string文字显示正确，但它现在正在工作。这是我现在的代码： <tr ng-repeat="r in model.BSM "> <td> <input ng-model="r.QTY" class="span1" name="QTY{{$index}}" ng-pattern="/^[\d]*\.?[\d]*$/" required/> <span class="alert-error" ng-show="form.QTY{{$index}}.$error.pattern"><strong>Requires a number.</strong></span> <span class="alert-error" ng-show="form.QTY{{$index}}.$error.required"><strong>*Required</strong></span> </td> </tr> 我试图从索引中删除{{}} ，但是这也不起作用。截至目前，input的validation属性工作正常，但不显示错误消息。任何人有任何build议？编辑：除了下面的很好的答案，这里是一个博客文章，更详细地涵盖了这个问题： http : //www.thebhwgroup.com/blog/2014/08/angularjs-html-form-design-part-2 /

在AngularJS中dynamic添加指令: 我有一个非常简化的版本，我正在做这个问题。我有一个简单的directive 。每当你点击一个元素，就会添加另一个元素。但是，它需要先编译才能正确呈现。我的研究导致我$compile 。但是所有的例子都使用了一个复杂的结构，我不知道如何在这里应用。小提琴在这里： http : //jsfiddle.net/paulocoelho/fBjbP/1/ 而JS在这里： var module = angular.module('testApp', []) .directive('test', function () { return { restrict: 'E', template: '<p>{{text}}</p>', scope: { text: '@text' }, link:function(scope,element){ $( element ).click(function(){ // TODO: This does not do what it's supposed to 🙁 $(this).parent().append("<test text='n'></test>"); }); } }; }); Josh […]

如何在一个页面中定义两个angular度的应用程序/模块？: 我正在尝试将两个angular度的应用程序/模块添加到一个页面。在下面的小提琴中，您可以看到，始终只有第一个在html代码中引用的模块才能正常工作，而第二个模块不会被angular度识别。在这个小提琴中，我们只能执行doSearch2方法，而在这个小提琴中只有doSearch方法才能正常工作。我正在寻找如何正确放置两个angular度模块到一个页面的方式。

使用ng-include时丢失范围: 我有这个模块的路线： var mainModule = angular.module('lpConnect', []). config(['$routeProvider', function ($routeProvider) { $routeProvider. when('/home', {template:'views/home.html', controller:HomeCtrl}). when('/admin', {template:'views/admin.html', controller:AdminCtrl}). otherwise({redirectTo:'/connect'}); }]); 首页HTML： <div ng-include src="views.partial1"></div> partial1 HTML： <form ng-submit="addLine()"> <input type="text" ng-model="lineText" size="30" placeholder="Type your message here"> </form> HomeCtrl ： function HomeCtrl($scope, $location, $window, $http, Common) { … $scope.views = { partial1:"views/partial1.html" }; $scope.addLine = function () […]

AngularJS：$ evalAsync vs $ timeout: 我已经使用AngularJS了一会儿，并发现需要每隔一段时间使用$超时（似乎通常是初始化一个jQuery插件）。最近，我一直在试图得到更好，更深入的理解周期的消化，我碰到$ evalAsync函数。看来这个函数产生类似的结果$timeout ，只有你不给它延迟。每次我使用$timeout它一直延迟0，所以现在我想知道如果我应该使用$evalAsync来代替。两者之间有什么根本的区别？你会使用哪一种呢？我想得到什么时候使用哪一个更好的感觉。