Polimer elemanları ve AngularJS direktifleri arasındaki fark nedir?

SORU

6 AĞUSTOS 2013, Salı

Polimer elemanları ve AngularJS direktifleri arasındaki fark nedir?

Getting Started Polimer sayfasında, eylem Polimer bir örnek görüyoruz:

<html>
  <head>
    <!-- 1. Shim missing platform features -->
    <script src="polymer-all/platform/platform.js"></script>
    <!-- 2. Load a component -->
    <link rel="import" href="x-foo.html">
  </head>
  <body>
    <!-- 3. Declare the component by its tag. -->
    <x-foo></x-foo>
  </body>
</html>

Göreceksiniz ne <x-foo></x-foo> platform.js x-foo.html tarafından tanımlanan.

Bu AngularJS Direktif bir modüle eşdeğer gibi görünüyor:

angular.module('xfoo', [])
.controller('X-Foo', ['$scope',function($scope) {
    $scope.text = 'hey hey!';
})
.directive('x-foo', function() {
    return {
        restrict: 'EA',
        replace: true,
        controller: 'X-Foo',
        templateUrl: '/views/x-foo.html',
        link: function(scope, controller) {
        }
    };
});

İkisi arasındaki fark nedir?
Sorunları Polimer AngularJS olmadığını çözmek nedir ya?
Polimer gelecekte AngularJS ile kravat için planları var mı?

CEVAP

7 AĞUSTOS 2013, ÇARŞAMBA

Bu soru :) sormak sen ilk değilsin bana sorularınızı almadan önce bir kaç şey açıklık getireyim.

webcomponents.js polimer Web Bileşenleri şemsiyesi altında çeşitli W3C API için çeşitli polyfills içeren bir kütüphane. Bunlar:
- Özel Öğeler
- HTML Alır
- <template>
- Gölge DOM
- İşaretçi Olaylar
- Diğerleri
Belgelerinde sol-nav (polymer-project.org) bütün bunlar için bir sayfası vardır "Platform teknolojileri". Bu sayfaların her biri ayrı ayrı bir dolgu için bir işaretçi var.
<link rel="import" href="x-foo.html"> HTML Alma. İthalat diğer HTML HTML dahil etmek için yararlı bir araçtır. <script>, <link> bir ithalat da başka bir şeyi biçimlendirme, ya da ekleyebilirsiniz.
Hiçbir şey "link" <x-foo> x-foo.html. Örnek, <x-foo> (*14 örneğin*) Özel Element tanımı x-foo.html tanımlanmış varsayılır. Tarayıcı bu tanımı görünce, yeni bir unsur olarak kayıtlı.

Üzerinde soru!

Açısal ve Polimer arasındaki fark nedir?

Q&A video bizim bu bazı tamamladık. Genel olarak, Polimer (ve nasıl kullanılacağını göster) Web Bileşenlerini kullanmayı amaçlayan bir sistemdir. Bu Vakfı Özel Elemanlar (oluşturma örneğin her şey bir web bileşenidir) ve web geliştikçe gelişir. Bu amaçla, biz sadece modern tarayıcıların en son sürümünü destekler.

Bu görüntü Polimer tüm mimari yığın tanımlamak için kullanacağım:

enter image description here

KIRMIZI katman: polyfills bir dizi ile yarın web alıyoruz. Tarayıcılar yeni API olarak kabul mind, bu kütüphaneler zamanla tutun.

SARI tabaka Serpin biraz şeker polymer.js ile. Bu katman spec API ... kullanmak için nasıl bize göre, birlikte. Ayrıca, veri bağlama gibi şeyler, syntatic şeker, değişim gözlemcileri, yayınlanan özellikler ekler...bunları bileşen tabanlı uygulamalar web bina için yararlı olduğunu düşünüyoruz.

YEŞİL: UI bileşenleri hala devam ediyor kapsamlı bir set. Bu kırmızı sarı tüm katmanları kullanan web bileşenleri olacak.

Açısal direktifleri vs Özel Elemanlar?

Bakın Alex Russell answer. Temelde, Gölge DOM HTML beste bit sağlar ama aynı zamanda şifrelenmiş HTML için bir araçtır. Bu temelde web üzerinde yeni bir kavram ve diğer çerçeveler kaldıraç olacak bir şeydir.

Sorunları Polimer AngularJS olmadığını çözmek nedir ya?

Benzerlikler: bildirimsel şablonları, veri bağlama.

Farklılıklar: Açısal API için, filtreler, vb. animasyonlar yüksek düzeyde bir hizmetleri var destekler IE8, ve bu noktada, yapı üretim uygulamaları için çok daha sağlam bir çerçeve. Polimer sadece alpha başlıyor.

Polimer gelecekte AngularJS ile kravat için planları var mı?

separate projects ediyorlar. Bu, Açısal ve Ember ekipleri de sonunda kendi çerçeveleri içinde temel platform API kullanarak hareket ederler 20* *dedi.

GÜNCELLEME:

Bu konu hakkında çok güzel bir yazı var: "Here’s the difference between Polymer and Angular"

Bunu Paylaş: