小编alf*_*sob的帖子

动态添加Angular指令

我对角度JS很新,我发现它是一个陡峭的学习曲线,我觉得我真的错过了这里的重点但是这里有:

我想从控制器向我的页面添加一个指令.所以我想如果我将指令标签添加到页面,指令和相关的控制器/模板等都会添加它.在阅读了$ compile方法之后,我认为这将用于将此指令绑定到其新创建的标记.这部分在下面被注释掉了,但无论是否有这个,我需要登录这个词出现,它的控制器来控制它?

当加载时指针标记在页面上时,我可以在web上找到许多相似的例子,并且可以使它们正常工作,所以这就是认为它与$ compile方法有关 - 我错过了什么?

HTML:

<div ng-app="application" ng-controller="myController"></div>
Run Code Online (Sandbox Code Playgroud)

JS:

var myApp = angular.module('application', []);

myApp.controller('myController', ['$scope', function($scope) {

        function showLoginDirective () {
            $scope.login = angular.element(document.createElement('login'));

            angular.element(document.body).append($scope.login);
        };

        showLoginDirective();
    }
]);

angular.module('directives', [])
    .directive('login', function($compile) {
        return {
            restrict: 'E',
            controller: 'LoginController',
            template: '<div>login</div>',
            link: function(scope, element, attrs) {
                //$compile(element.contents())(scope.$new);
                console.log('should I not have a div containing login controlled by loginController at this point?');
            }
        };
});
Run Code Online (Sandbox Code Playgroud)

上面的代码也在这里:http://jsfiddle.net/d5n6L/7/

javascript angularjs angularjs-directive

8
推荐指数
1
解决办法
2万
查看次数

从十六进制值中检测类似的颜色

有没有人知道采用两个十六进制颜色值并返回某种索引来说明颜色有多相似的方法?例如,两种黄色可能会返回更高的指数,即它们比灰色和黄色更相似?

(我使用javascript,但猜这样的东西将是一个独立于语言的公式/算法)

javascript colors

5
推荐指数
1
解决办法
3209
查看次数

聚合物中转发器的字母排序

在角度Js中,您使用过滤器对转发器进行排序,如下所示:

<li ng-repeat="link.title for link in links | orderBy:'title'">
Run Code Online (Sandbox Code Playgroud)

我正在试验聚合物,我想知道你可以使用聚合物过滤器做类似的事情(我想在标记中声明性地对数据进行排序而不是直接在数据集上).所以我一直在努力尝试这一点(为了清晰起见,我已经删除了一些代码):

<polymer-element name="image-links" attributes="axis data width">

<template>

    <core-ajax id="ajax"
               auto
               url="../data/{{data}}.json"
               on-core-response="{{linksLoaded}}"
               handleAs="json">
    </core-ajax>

    <ul>
        <template repeat="{{link in links | sort}}">
            <li>...</li>
        </template>
    </ul>

</template>

<script>

    Polymer('image-links', {

        links: [],

        linksLoaded: function () {
            this.links = this.$.ajax.response.data;
        },

        sort : function (a, b) {
            var titleA = a.title.toLowerCase(), titleB = b.title.toLowerCase();
            if (titleA < titleB)  return -1;
            if (titleA > titleB) return 1;
            return 0;
        }
    });

</script>
Run Code Online (Sandbox Code Playgroud)

我得到一个空数组传递给元素原型中的sort函数(链接数组中肯定有对象).

这里也是我正在使用的ajax调用的响应:

{ …
Run Code Online (Sandbox Code Playgroud)

javascript polymer

3
推荐指数
1
解决办法
1399
查看次数