ng-classy

轻松使用 AngularJS 1 和 ES6+
授权协议 MIT
开发语言 JavaScript
所属分类 Web应用开发、 AngularJS 扩展
软件类型 开源软件
地区 不详
投 递 者 禹正阳
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

ng-classy 可以帮助你更好的使用 AngularJS 1 和 ES6+。

安装:

npm install ng-classy

API 使用:

import classy from 'ng-classy';
/*
 * # classy.app
 * The angular module instance that your whole app shares.
 * Use it for things like angular config, constants, etc: `classy.app.config(() => {})`
 */
classy.app;
/*
 * # @classy.Service()
 * Registers 'MyService' as an injectable service on your app.
 */
@classy.Service()
class MyService {
}
/*
 * # @classy.Component(options)
 * Registers `<my-component>` as an element directive.
 * Pass in options that map to a directive definition object.
 * Has a shortcut field, `bind`, that maps to `bindToController`.
 * `options` defaults to the following in this case:
 *  {
 *    restrict: 'E',
 *    scope: {},
 *    bindToController: options.bind || {},
 *    controllerAs: 'vm',
 *    controller: MyComponent
 *  }
 */
@classy.Component({
  bind: {
   color: '='
  },
  template: 'some template with a binding to color {{vm.color}}' 
 })
class MyComponent {
}
/*
 * # @classy.State(name, options)
 * Must be called after `@classy.Component()` on a class.
 * Registers a new state with the the given name and state options.
 * The template will default to instantiating the given component with the url parameters as attributes.
 * See the example at the beginning of the README.
 */
@classy.Component({
 bind: {
   someParam: '='
   },
   template: 'we have a parameter, {{vm.someParam}}'
 }
})
@classy.State('myState', {
  url: 'url/:someParam'
})
class SomeComponent {
}
  • 本文翻译自:passing 2 $index values within nested ng-repeat So I have an ng-repeat nested within another ng-repeat in order to build a nav menu. 因此,我在另一个ng-repeat中嵌套了一个ng-repeat,以构建导航菜单。 On each <li> on the

  •   ng-repeat 循环加载Echars   html <div class="ywny-basic-detail" ng-repeat="item in list track by $index"> <div class="y-chart-box"> <div clas

  • 第一种方法:绑定类型 => $scope.a <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.bootcss.com/angular.js/1.6.6/angular.min.js"></script> </head> <body> <div ng-app="myApp" ng-co

  • @bornkiller  2014-07-15 10:13  字数 3824  阅读 21369 angular模板加载 ----ng-template angularjs Angularjs作为mvc(或者说mvvm)框架,同样具备模板这一基本概念。 NG加载模板的顺序为 内存加载---AJAX加载。 内存加载 如果之前使用过Bootstrap 插件的ng版,即angular-ui,就会了解到这

  • 样式部分 表头absolute定位,body设置竖向scroll 且设置最大高度 .table-scrollable { overflow: visible; } .table > tbody > tr > td { text-align: center; vertical-align: middle; } .ta

  • radio使用ng-repeat如何默认选中: html: <div class="excels"> <label ng-repeat="y in mytypeData"> <input type="radio" ng-model="mytype.value" name="myname" ng-value="y.name"/><span ng-bind="y.name"></

  • 最近用到angular和php做项目,时间日期插件用的是ui-bootstrap-tpls里的datepicker,就是引入了bootstrap的datepicker,发现一个很奇怪的问题,也可能是我自己没配置好吧 代码如下: <div class="col-lg-2-4 m-b-xs" ng-controller="DatepickerDemoCtrl"> <div class="inp

 相关资料
  • 问题内容: 我有一个可以正常工作的Rest Web服务,它使用JBoss Resteasy,但是当我尝试移植它以使用GAE时,执行时出现此错误: 问题答案: 我在GAE上成功使用resteasy。正如csturtz所述,请确保您的项目具有resteasy依赖性。 如果您使用Maven,应该是这样的: 并且您还可以选择使用:

  • 轻松上传是魔方加密开发的快速上传组件。轻松上传的环境要求: Microsoft Windows 操作系统 Google Chrome 浏览器 使用步骤 安装轻松上传后,您可以通过以下步骤使用: 打开 Windows 资源管理器,选择需要上传的 PHP 文件 按下 CTRL+C 复制文件 打开魔方加密页面 按下 CTRL+V 粘贴文件 等待文件上传 安装方法 点击这里 打开 Chrome 网上应用店

  • 第一节 Go语言安装与测试 轻松友好的安装方式,多平台支持。 第二节 内置基础数据类型 认识Go提供的清晰的数据类型,很清晰,不骗你。 第三节 变量与常量定义 学语言绕不开的变量,当然Go是静态语言,变量都是有固定类型的,程序运行过程中无法改变变量类型。 第四节 控制流程 很简单,只有if,for,switch三种流程,连while都没有。 第五节 数组,切片和字典 内置高级数据类型。如果我们需要

  • Go轻松学是一款学习GoLang的小型学习App。基于Android平台。主要包含Go基础和Go实例两部分。 Go轻松学,可以让你随时随地浏览Go提供的独特功能,本应用提供了翔实的测试例程序,100%测试通过。并且可以根据反馈持续更新。在这里,变量,函数,结构体,指针,并行计算,包和测试都有详细的讲解。 Go基础部分由本人的读书笔记归纳整理而来,而实例部分则由网址http://gobyexampl

  • 问题内容: 我是python的新手(我使用python 3),并且我尝试使用JSon中的一个字符串和两个列表作为成员序列化一个类。我发现python标准中有一个json库,但似乎我需要手动实现序列化方法。是否有一个JSon编码器,我可以在其中简单地传递一个对象,并以字符串形式接收序列化的对象,而无需实现序列化方法。例: 谢谢。 问题答案: 不了解任何预构建的内容,但是如果您的对象足够简单,则可以编

  • 问题内容: 我的Grails应用程序具有以下域对象 我的数据库有7 s,每个都有3 s。如果执行查询: 我预计将返回7个实例,但实际上我得到21个(7 x 3)。我知道如果我要执行与上述相同的SQL查询,则结果集将有21行 但是我认为当我通过Hibernate / GORM检索这些结果时,我应该会得到更多类似的信息: 顺便说一句,如果我从上面的查询中删除了eager-loading,我得到的期望值