最初像想要实现的是：显示如下的小星星
最初的实现方式是在html页面加JS脚本，但是老外不喜欢这样，一定要我们转为angular指令，所以就试试呗~
一、最初的实现方式
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
<meta content="width=device-width; initial-scale=1; maximum-scale=1" name="viewport">
<title>jquery评分插件jquery.raty</title>
<link type="text/css" rel="stylesheet" href="demo/css/application.css">
<script type="text/javascript" src="demo/js/jquery.min.js"></script>
<script type="text/javascript" src="lib/jquery.raty.min.js"></script>
</head>
<body>
<div style="width:500px; margin:100px auto;">
<div id="function-demo1" class="target-demo"></div>
</div>
<script type="text/javascript">
$(function() {
$.fn.raty.defaults.path = 'lib/img';
$('#function-demo1').raty({
number: 5,//多少个星星设置
score: 3,//初始值是设置
targetType: 'number',//类型选择，number是数字值，hint，是设置的数组值
path : 'demo/img',
cancelOff : 'cancel-off-big.png',
cancelOn : 'cancel-on-big.png',
size : 24,
starHalf : 'star-half-big.png',
starOff : 'star-off-big.png',
starOn : 'star-on-big.png',
cancel : false,
targetKeep: true,
precision : false,//是否包含小数
});
});
</script>
二、改成angular指令形式（使用了requireJS）
说明：我这里使用了第三方的插件jquery.raty.min.js（评分插件），它是要依赖于jquery的。
directive.js
//stars
define([ 'angular','raty' ], function(angular) {
var directives = angular.module('directives', []);
directives.directive('showStars', function() {
return {
restrict : 'A',
controller : [ '$scope', '$element', '$timeout', function($scope, $element, $timeout) {
$timeout(function() {
$.fn.raty.defaults.path = 'img';
$($element).raty({
number : 5,
score : 3,
half : false,
size : 30
});
}, 100);
} ]
};
});
return directives;
});
三、RequireJS中一般都有个main.js的文件作为启动点，这里也不例外
main.js
//配置依赖
require.config({
paths: {
"angular":"angular",
"jquery":"jquery.min",
"raty":"jquery.raty.min"
},
shim:{
"angular": {
"deps":[],
"exports": "angular"
},
"jquery":{
"deps":[],
"exports": "jquery"
},
"raty":{
"deps":["jquery"],
"exports": "raty"
}
}
});
//手动启动对应模块
require([ 'angular', 'controller', 'directive' ], function(angular) {
angular.bootstrap(document, [ 'HelloCtrls', 'directives']);
});
注意：在这里我使用的是手动启动的方式，html页面中去掉ng-app指令 ,改为自动启动如下：
define([
'angular',
'controller',
'directive'
], function (angular) {
angular.module('HelloModel', ['HelloCtrls','directives']);
return {
angularModules: [ 'HelloModel' ]
};
});
但，不幸的是，改为自启动的时候总是说无法实例化HelloModel（页面中我加了ng-app="HelloModel"）我怀疑是js文件的加载顺序，但是后来发现么有什么问题啊，特别纠结,现在仍然未能解决，如果有人能告诉我原因不胜感激！
四、页面中使用上述自定义指令
index.js
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src="js/require.js" data-main="js/main" defer async="true" ></script>
</head>
<body ng-controller="helloCtrl">
{{greet}}
<div show-stars ></div>
</body>
</html>
五、说明
上述的控制器与该指令无关，我就是测试用的，当然还是贴出来好些。
controller.js
define([ 'angular' ], function(angular) {
var componentCtrls = angular.module('HelloCtrls', []);
componentCtrls.controller('helloCtrl', [ '$scope',function($scope) {
$scope.greet = "hello world";
} ]);
return componentCtrls;
});
难道是使用了第三方才插件的缘故就只能改为手动启动吗？求解。。。。
相关推荐
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
麦肯锡-xxKPI方案gl.ppt
一、简介 基于Transformer模型构建的聊天机器人，可实现日常聊天。 二、系统说明 2.1 功能介绍 使用者输入文本后，系统可根据文本做出相应的回答。 2.2 数据介绍 * 百度中文问答 WebQA数据集 * 青云数据集 * 豆瓣数据集 * chatterbot数据集 由于数据集过大，因此不会上传，如有需要可以在issue中提出。 2.3. 模型介绍（v1.0版本） 基于Transformer模型，使用Python中的keras-transformer包。 训练的参数文件没有上传，如有需要可在issue中提出。 三、注意事项 * keras-transformer包需要自行安装：`pip install keras-transformer`。 * 如果需要实际运行，参数文件放在`ModelTrainedParameters`文件下；`ListData`文件下包含了已经处理好的字典等数据，不需要修改，直接运行Main.py即可。 * 如果需要自行训练，将数据集文件放在`DataSet`文件下。 * `HyperParameters.py`文件中包含了系统所需
-大学生心理健康数据集
拾放机构
APP基于DJI Mobile SDK，实现了获取和释放遥控器的控制权限、模拟遥控器的飞行控制操作、视频回传、数据透传以及获取无人机的飞行参数等功能。.zip
SITRANS LG240 操作说明书
基于matlab实现的matlab中的通信工具箱中simulink搭建直接序列扩频系统并进行仿真.rar
无人机最强算法源码，易于部署和学习交流使用
无人机最强源码，无人机算法，易于部署和学习交流使用
无人机最强算法源码，易于部署和学习交流使用
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
ISO 19453-4-2018.pdf
无人机最强算法源码，易于部署和学习交流使用
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。