Tag: angularjs

AngularJs和AddThis社交插件

我正在尝试在AngularJS应用程序中使用AddThis javascript社交插件,但是当我使用ng-view加载部分时,它不会更新addthis插件图标。 如果我刷新页面(ctrl + F5)。 我认为AngularJs通过Ajax加载部分视图,在这种情况下,addthis不显示加载页面的社交图标。 这是索引代码: ….. … 这是在section标签中加载的局部视图,其中我有addthis图标: 当然,我在主页中有脚本参考文件AddThis: var addthis_config = { “data_track_addressbar”: true }; 我在angularJs引用之前有jquery脚本引用: 提前致谢。

Angular JS’Startswith’自定义filter

所以我一直在尝试制作一个自定义filter来搜索’Startswith’参数而不是’Contains’。 我写的每个filter似乎都没有正常工作。 这是我想要实现的一个例子—> http://jsfiddle.net/DMSChris/9ptr9/ function FilterCtrl() { var scope = this; scope.doFilter = function(elem) { if(!scope.searchText) return true; return elem.last_name.toLowerCase().indexOf( scope.searchText.toLowerCase()) == 0; }; } http://jsbin.com/OyubElO/1/edit – 这就是我现在所处的位置。 {{msg.last_name}} 任何帮助将不胜感激!

当角度开始破坏时,我们是否需要在指令中取消绑定事件监听器?

我的应用程序中存在大量内存泄漏但我没有找到原因,这是后台。 我正在使用AngularJS + JQuery(插件) 许多听众都受到如下约束: $(element).on(“keyup”,function(){}); 所以问题是 我是否需要通过以下方式取消绑定指令中的听众? scope.$on(“$destroy”, function() { $(element).off(); }); 顺便说一句,你如何找到Web应用程序中的内存泄漏? 我使用chrome的配置文件(请参阅此处的Profiling内存性能 ),但我无法跟踪内存泄漏的代码。 你有什么建议吗? 非常感谢!

Angular JS不使用IE9,但可以与其他浏览器一起使用

所以我正在开发一个小应用程序,它可以从APIurl中获取,如此… $ http.get(s_url).then(function(res){…我的应用程序适用于chrome,safari,opera和firefox但在IE9中显示一个空白屏我错过了我的html或js文件中的内容吗?这就是我在IE的html文件中所拥有的…

禁用Chrome严格MIME类型检查

有没有办法在Chrome中禁用strict MIME type checking 。 实际上我正在跨域提出JSONP请求。 它在Firefox上工作得很好但是,在使用chrome时它在控制台中给出了一些错误。 拒绝从’ https://example.com ‘执行脚本,因为其MIME类型(’text / plain’)不可执行,并且启用了严格的MIME类型检查。 它在Mozilla中完美运行。问题仅出现在镀铬中 以下是请求的响应标头.. Cache-Control:no-cache, no-store Connection:Keep-Alive Content-Length:29303 Content-Type:text/plain;charset=ISO-8859-1 Date: xxxx Expires:-1 Keep-Alive:timeout=5 max-age:Thu, 01 Jan 1970 00:00:00 GMT pragma:no-cache Set-Cookie:xxxx Strict-Transport-Security: max-age=31536000; includeSubDomains X-Content-Type-Options:nosniff X-Frame-Options:SAMEORIGIN 解决我的想法 :将内容类型外部设置为application/javascript

带有Angular JS的光滑轮播

我在我的一个AngularJS应用程序中使用Slick轮播。 为此,我创建了如下指令: myApp.directive(‘slickSlider’,function(){ return { restrict: ‘A’, link: function(scope,element,attrs) { $(element).slick(scope.$eval(attrs.slickSlider)); } } }); 这是我在视图文件中的代码: 在这种情况下,它工作正常并正确初始化。 但是当我使用ngRepeat动态创建幻灯片时,它没有初始化并且一个接一个地显示幻灯片。 这是我使用ngRepeat的代码 有任何建议,我该如何解决?

有没有办法在ie9 +中实现承诺

我试图在IE9 +上实现本机承诺 ,似乎Internet Explorer不识别“Promise”类/对象。 我在http://caniuse.com/#search=Promise中搜索并看到IE没有Promise对象。 但这很奇怪,因为jQuery和Angular可以使用promise并在IE9 +中工作。 也许他们正在实施自己的承诺? **我可以实现自己的承诺吗?**

Javascript:如何最好地阅读手持条码扫描仪?

我希望能够通过手持式扫描仪扫描条形码并使用Javascript处理结果。 条形码扫描仪几乎像键盘一样工作。 它输出扫描/翻译(条形码 – >数字)数据原始(对吗?)。 实际上我只需要捕获输出并继续。 但是怎么样? 这是我想做的一些伪代码: $(document).on(“scanButtonDown”, “document”, function(e) { // get scanned content var scannedProductId = this.getScannedContent(); // get product var product = getProductById(scannedProductId); // add productname to list $(“#product_list”).append(“” + product.name + “”); }); 任何想法(框架,插件,片段)? 任何条形码扫描仪(硬件)推荐? 提前致谢! 我发现了这个和这个好问题,但我想获得有关处理的更多信息。 在我的案例中,仅仅关注一个textarea可能是不够的。

如何在Angular Js中编写类的指令?

restrict选项通常设置为: ‘A’ – 仅匹配属性名称 ‘E’ – 仅匹配元素名称 ‘C’ – 只匹配类名 ‘M’ – 只匹配评论 ‘C’ – 只匹配类名不起作用 Class=”form-control **valid-vehicleyear** ng-not-empty ng-dirty ng-valid-parse ng-valid ng-valid-required ng-touched” 我在与element相关的类上创建了一个指令。 在价值变化时,我想调用api并改变其他元素的值。 但是没有观察到变化的变化。 controlDirective.js function validVehicleyear($scope, $http) { return { restrict: ‘C’, scope: { ngModel: ‘=’, }, link: function (scope, element, attrs, ngModel) { element.bind(‘change’, function () { console.log(‘here in validVehicleyear’); […]

如何限制angularjs文本框中的特殊字符

我正在学习AngularJS,目前正在为AngularJS尝试表单validation。 我想限制文本框中的特殊字符,即如果用户输入任何特殊字符,则不应允许或在文本框中显示它们。 如果有人知道解决方案,那么请评论。