Angular ng-单击从svg元素获取id
Angular是一种流行的前端开发框架，它使用TypeScript语言进行开发。ng-是Angular框架中的一个指令，用于处理用户在页面上的交互操作。
在给定的问答内容中，ng-单击从svg元素获取id的意思是，当用户在一个SVG元素上单击时，如何获取该元素的id属性。
要实现这个功能，可以使用Angular的事件绑定机制和模板引用变量。以下是一个示例代码：
- 在SVG元素上添加一个模板引用变量，例如：
<svg>
<circle #myCircle id="circle1" cx="50" cy="50" r="40" (click)="getCircleId(myCircle.id)"></circle>
</svg>- 在组件的代码中定义一个方法来处理单击事件，并获取id属性：
import { Component } from '@angular/core';
@Component({
selector: 'app-svg',
templateUrl: './svg.component.html',
styleUrls: ['./svg.component.css']
})
export class SvgComponent {
getCircleId(id: string) {
console.log('Clicked circle id:', id);
// 可以在这里进行进一步的处理
}
}在上述代码中，当用户单击SVG元素时，getCircleId()方法会被调用，并将所点击元素的id作为参数传递进去。你可以在该方法中进行进一步的处理，例如打印id或者执行其他操作。
关于SVG元素的id属性，它可以用来唯一标识一个元素，通常用于样式、脚本或其他操作的目的。
推荐的腾讯云相关产品和产品介绍链接地址：
请注意，以上链接仅供参考，具体的产品选择应根据实际需求和情况进行评估。
相关·内容
我试图用一个角度指令来创建一个d3图表。我设法创建它，但问题是，我想要一些ng单击事件的图表元素，我不太确定这应该如何做。
以下是我的指示：
.directive('circleChart', function($parse, $window, $compile) {
return {
restrict: 'A',
scope: {
datajson: '='
},
link: function(scop
浏览 1提问于2015-05-05得票数 5
回答已采纳
2回答
我正在做一个从AngularJS到Angular8的迁移项目
在那里我发现了这个代码
// get the pattern from SVG document and set the stroke color
var patternElt = $scope.svgDocument.find("#striped");
patternElt.css("fill", color);
// apply the striped class to the element
element.css("fill", "url(#striped)&#
浏览 4提问于2022-02-08得票数 0
问题:当我单击SVG图形中的test元素时，我想运行<path>函数。现在，当我单击元素时，什么都不会发生。但是--当我用ng-click替换onclick="alert('success')"时，警报工作正常。有什么建议吗？
在我的密码里..。
我的html..。
<div ng-controller="converter">
<embed src="/image.svg">
<!--This button successfully runs the test function-
浏览 4提问于2015-12-27得票数 6
回答已采纳
3回答
使用jquery或简单的javascript单击元素时，如何获得元素的属性'id‘。我试过：
$(document).one("click",function(){
console.log(this);
}
它记录完整的document对象，因为我使用的是带有选择器的文档，但是单击它时如何获得元素的id。元素可以是SVG、路径或DIV。
示例
<div id="main">
<div id="middle">
<svg id="main_svg">
<path>// co
浏览 1提问于2016-07-13得票数 0
回答已采纳
我为我的angular2组件编写了测试，它使用ng-内联- svg模块加载我的svg文件。在编写了实际的组件之后，这个组件运行良好，但是测试失败了。我怀疑测试不会等待svg插入完成。有什么办法可以解决吗？失败的测试：
it('Should create new svg element', async(()=>{
fixture.detectChanges();
expect(de.query(By.css('svg'))).toBeTruthy();
}));
如果我将'svg‘选择器替换为'div’，它就会找到没有问题的包
浏览 8提问于2017-05-15得票数 4
2回答
我需要在ng-重复内部动态生成模型方面的帮助。我有一个带有ng重复表行的HTML。每行都有一个选项，可以使用update按钮更新图像名称和价格。
HTML
<tr role="row" class="odd" ng-repeat="i in slideShowImages track by $index">
<td>
<img ng-src="{{i.thumb_path}}" width="100px" height="auto" >
浏览 0提问于2016-09-04得票数 2
回答已采纳
2回答
我有一个基于angular的应用程序(目前是v4.4)。我有一个视图，其中一个组件将其自身的实例显示有限次，然后在最底层的“子”组件中，有一个svg。
我希望能够拾取使用(click)事件单击的最低层组件。我认为我可以设置z-index来链接到迭代号，这样每个后续的子组件就会出现在它的父组件的顶部，所以当单击该区域中的任何地方时，都会触发正确的事件。
我已经在plunkr上做了这个。您将会看到，单击svg并不会触发clicked事件，但单击框内的任何其他区域会引发该框及其所有父级的clicked事件。
我希望能够切换所有的盒子able背景颜色独立。
以下是我拥有的组件：
@Component(
浏览 0提问于2017-10-28得票数 1
因此，我正在尝试创建一个具有ng的指令--其中包括。该指令当前如下所示：
.directive('kdTest', function () {
return {
restrict: 'A',
scope: {
kit: '=kdTest',
garment: '=kdGarment'
},
template: '<div></div>',
link: fun
浏览 2提问于2015-04-28得票数 2
回答已采纳
2回答
$scope.testing被正确添加为按钮Id，但单击该按钮不会触发警报。
请参阅示例-
控制器
var app = angular.module('StockCategory', []);
app.controller('stockCategoryController', function($scope) {
$scope.testing = 'World';
$scope.saveCategory = function() {
alert('hello');
}
});
HTML
<div
浏览 1提问于2014-08-06得票数 9
回答已采纳
在这段代码中，我将ng-单击设置为一个自定义元素指令，并且我确信警报“从指令开始工作！”当用户单击呈现的文本时应该会弹出。它不起作用。
我知道我可以使用JQuery将事件侦听器附加到elem对象，但我仍然很好奇为什么我的代码不能工作，以及是否可以使用ng-单击这种方式。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
浏览 5提问于2017-05-02得票数 1
我为这个用词不当的问题道歉，我对安古拉人很陌生。使用ng-重复和ng单击请求控制器提供更多信息。执行ng单击时，所有用户都会被更新，因为他们属于ng-重复。
是否可以隔离ng单击或设置模板，以便只有活动用户接收所请求的数据？
我尝试了一些带有结果标记的条件逻辑和控制器中的ng单击，但是没有成功。谢谢!
在这里使用示例代码：
*HTML：：
<div ng-controller="DomReadyCtrl">
<p>Hello {{test}}</p>
<div class="loop" ng-repeat
浏览 3提问于2015-10-24得票数 0
回答已采纳
我想在Angular 4组件中设置svg的动画效果。如何在svg组件中获取不同的I并按顺序对其进行动画处理？
我可以通过单击事件在svg的单个元素上触发单个动画，但如何在页面加载时触发此操作？
我有以下component.ts代码：
import { Component, OnInit } from '@angular/core';
import { DataService } from '../data.service';
import { trigger, state, style, transition, animate, keyframes } from
浏览 1提问于2017-08-02得票数 0
我有一个items的JSON输出-要显示一个项目，我使用ng-repeat="item in items"。我可以使用user访问当前登录的用户对象。
每个项目可以属于多个用户愿望列表。如果用户将一项添加到他的愿望列表中，user_id将保存在item.wishlists中。
单个item的JSON输出看起来很简单，如下所示：
{"id":1,"title":"This is a tile","wishlists":[{"user_id":2},{"user_id":3}]}
当我执
浏览 4提问于2015-11-16得票数 6
回答已采纳
1回答
我正在努力使用angular执行一个简单的幻灯片过渡，我知道如何使用jquery完美地完成这一点，但是我正在尝试使用angular及其工具。这里提供了到目前为止所做的工作的示例，在链接商店上按住并单击。
<div id="wrapper">
<header ng-app="menu" id="main-nav">
<a href="/" class="logo"></a>
<ul id="n
浏览 0提问于2013-12-12得票数 0
我的目标是将代码从Angular 1.3转换到Angular 2(两种情况下都使用SVG )。
我尝试了以下简单的测试代码，它在不涉及插值的情况#1中有效，但在情况#2 (使用插值)中不起作用，生成的SVG代码中唯一的区别是在元素中包含了一个额外的属性: class="ng-binding“
有没有办法抑制前面的class属性，或者有其他的解决方案？
顺便说一句，我不能得到很好的格式(对不起)。
HTML网页的内容：
<html>
<head>
<title>SVG and Angular2</title>
<
浏览 1提问于2015-04-11得票数 3
我一直在学习angularjs，我似乎无法获得一个简单的ng-click绑定来工作。
HTML:
<body ng-controller="MainController">
<div ng-app="githubViewer">
<h1>{{message}}</h1>
<div>{{ error }}</div>
{{username}}
<form name="searchUser"&
浏览 1提问于2014-06-07得票数 0
回答已采纳
1回答
我正在开发一个更大的应用程序，我们正在使用延迟加载模块。加载模块之后，在某些情况下，组件会被呈现到<ng-container><ng-container>中。问题是，在容器上定义的动画没有被调用。
我创建了一个虚拟的stackblitz示例来演示我的意思：
app.component.html:
<ng-container *ngIf="visible" [@myAnimation]>
<hello [ngStyle]="{'top': '50px'}" name="not
浏览 1提问于2019-09-12得票数 3
我是svg的新手。我有两个svg图像，我需要在一个svg图像中的路径周围添加链接，单击该路径我应该导航到另一个svg图像。
<svg id="svg1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" >
<g id="path1">
<a xlink:href="" target="_top">
<path id=&#
浏览 6提问于2014-12-15得票数 3
3回答
DIV上的ng-模糊
、、、
我正在尝试隐藏模糊上的DIV (焦点已从DIV中移除)。我使用的是angular和bootstrap。到目前为止，我已经尝试在DIV显示时设置"focus“，然后在用户单击屏幕上的其他位置时设置一个ng-blur函数。这不管用。
基本上问题是我不能通过JS在我的"#lockerBox“上设置焦点，我的"hideLocker”函数在点击我的DIV时没有问题。
<div class="lock-icon" ng-click="showLocker(result); $event.stopPropagation();"></d
浏览 1提问于2014-07-16得票数 12
2回答
在我的应用程序中，当我为文章做ng-repeat时，在用户单击时，我想隐藏并显示一些元素。为此，我使用的是videoPlaying[$index]，它对所有具有ng-hide的元素都很好，但是对于具有ng-show的iframe，它并不像预期的那样工作，在铬控制台中，当我单击播放视频时，可以看到iframe获取ng-hide类。视频开始播放，但它的课程错了。我也尝试过ng-if，然后隐藏和显示也很好，但是视频不能工作，这很奇怪，因为当我有ng显示时，视频可以工作，如果我得到控制台错误的话：
无法读取未定义的属性“playVideo”
不知道怎么解决这个问题？
我的html：
<d
浏览 0提问于2016-08-12得票数 0
3回答
我需要一些关于Angular2 RC1 web应用程序中外部变化的DOM的帮助。场景很简单:我确实有一个组件，其中包含一个带有ID的空div，如下所示
<div id="my-svg-canvas"></div>
类型化组件有一个ngOnInit方法，该方法从普通JS文件中触发一个函数，该文件通过index.html中的脚本标记包含。该函数将SVG呈现到上面列出的"div“标记中。SVG包含一些带有单击指令的a-元素，这些指令引用了组件中的几个方法。
在SVG完全编写之后调用$scope.$apply()之后，这在当时的$scope.$apply
浏览 0提问于2016-05-27得票数 3
回答已采纳
代码的简化版本：
<!DOCTYPE html>
<html ng-app="main">
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="https://code.angularjs.org/1.4.3/angular.min.js"></script>
<script>
浏览 3提问于2015-08-19得票数 0
回答已采纳
html
<div repeater ng-repeat='item in items' class='first' id = '{{$index}}' > {{item}} </div>
angularjs指令：-
angular.module('time', [])
.directive('repeater', function() {
var linkFn = function(scope, element, attrs){
var id = $(elemen
浏览 3提问于2013-10-08得票数 5
回答已采纳
1回答
我有一个只有3 paths的svg，它包含以下ID：main、second、third和我正试图将他们的ID发送到我的NodeJS后端脚本。
我的想法是在点击时捕获svg element id，并将其放到后端，在那里我可以使用它，并将它与json文件配对。
我的问题是，我不是发送元素的id，而是发送整个svg的ID
这是我的html：
<body ng-app="">
<button type="button" class="btn btn-success"><a href="second.h
浏览 1提问于2018-02-26得票数 0
我正在查找角4中的解决方案，以获得DOM元素的宽度，而无需采取任何操作(单击或调整窗口大小)，就在加载页面之后，但在开始绘制svg之前。我在中发现了类似的情况，但对我来说不管用。我也犯了同样的错误：
错误TypeError:无法读取未定义的属性“nativeElement”
我需要得到div容器的宽度来设置svg的veiwbox，我正在里面画。
下面是模板：
<div id="what-is-the-width" class="svg-chart-container">
<svg [innerHTML]="svg"
浏览 0提问于2018-02-09得票数 25
回答已采纳
在JavaScript构建中，我有一个超链接，用户可以单击它发送消息。单击此链接时，将该anchor tag上的属性发送给click event listener，该click event listener使用这些属性值填充消息的部分内容(消息来自何处，等等)。
问题：anchor tag包含一个嵌套的<svg>元素(小图像)。如果用户单击锚文本，没有问题，消息发送属性数据。但是，如果用户单击锚文本旁边的<svg>图像，则不会发送这些属性，从而导致错误：
锚固标签：
<a class="my-anchor-class"
my-attrib
浏览 0提问于2021-01-21得票数 1
回答已采纳
如何从ng重复标记中的按钮中获得从ng单击函数中单击的按钮？
我试着像这样设置身份：
<button class="btn btn-info ladda-button" type="button"
id={{'check_' + 'file.catModel}}
ng-click="testButton('check_' + file.catModel)"
data-style="expand-left">
<i class="gl
浏览 4提问于2014-03-31得票数 0
回答已采纳
我需要使用angular.js从视图中调用脚本类型中的函数。我使用的技术是angular.js类型记录和ASP.Net MVC3。
这是UI中的链接。
<div id="left_aside" ng-controller="MyGivingPortfolioController">
<div class="charity_portfolio_tile" ng-repeat="Tile in VM.Tiles.TileContainerEntity" >
<a href="#"
浏览 0提问于2013-07-25得票数 0
回答已采纳
2回答
在这里，我尝试更改图像svg颜色。
<button>
<img src="someImage.svg">
</button>
是否可以更改angular 5中的按钮中的svg图像的颜色
浏览 0提问于2019-02-06得票数 5
回答已采纳
对于表中的每个td元素，我有一个附加的ng-单击。以下是每个表单元格的(简化) html：
<td ng-click="cellClicked($event)">
<span ng-if="!cellEdit">{{event.eventName}}</span>
<input type="text" ng-if="cellEdit" ng-model="event.eventName">
</td>
以及我的(简化的)ng单击函数：
sc
浏览 3提问于2015-04-02得票数 14
回答已采纳
2回答
我使用的是，我想在svg上添加一个弹出或工具提示。我需要这个弹出式按钮和一些短信。
我试过的是：
<ng-template #popContent>Book this seat <button>Book</button></ng-template>
<svg:circle [attr.id]="seat.id" class="seat tooltips" [attr.cx]="seat.x" [attr.cy]="seat.y" r="4" style=
浏览 6提问于2017-08-07得票数 4
回答已采纳
1回答
首先，对我想做的事情做一个简短的描述:我想遍历数组的元素并显示其内容。根据从数组中的元素获得的信息，我希望显示一个按钮--或者不显示按钮。
但这似乎行不通。让我们看一看代码：
<div class="padding20" ui-view="create-event-form" ng-controller="detailedViewController" ng-init="loadDetails()">
<button type="submit" class="button success
浏览 0提问于2016-06-02得票数 4
回答已采纳
我不知道为什么会出错。当您在ng-repaet中运行ng-单击时，就会发生未登录的ReferenceError。您确定不知道没有发生单击事件的原因吗？
test.js
var MyApp = angular.module('MyApp', []);
MyApp.controller('MyCtrl', ['$scope', function ($scope) {
$scope.add = function() {
alert("add click");
};
$scope.list =
浏览 2提问于2014-11-06得票数 0
回答已采纳
对于我的应用程序，我需要从HTML加载数据。在list元素上，我需要解析UL子元素(LI)，并在模型中序列化这些元素(映射到数组)。在这个模型中，我将创建一个模态视图，重新创建一个列表并修改这个列表。
我使用JQuery和AngularJs。在初始化和存储模型中的所有内容时，我已经创建了一个指令并解析了列表。但是当使用模板和ng重复从数组中创建一个新列表时，我会得到原始数据+3个额外的值。
Html:
<div ng-app="MyApp">
<ul ng-my-list>
<li>One</li>
浏览 0提问于2013-04-12得票数 1
回答已采纳
在我的应用程序中，我有一个输入元素，当我单击按钮和隐藏时，当我单击另一个按钮时，它是可见的。我用一个简单的ng模板意识到了这一点。当这个输入变得可见时，我想为它设置焦点。我将autofocus参数设置为input，但如果我多次切换可见性(输入失去焦点)，它将无法工作。我尝试过在这个ViewChild问题中描述的替代方案(Renderer2， )，但它也不起作用。
app.component.html
<div *ngIf="!isInputVisible; else inputTemplate">Input goes here after click!</di
浏览 0提问于2019-03-27得票数 1
我以前从未使用过Angular2或Angular2，但现在我必须对运行在我的域上的一个使用Angular的站点进行更新。我需要以编程方式填写一个文本框并单击submit，但是在使用.value = "val“设置文本框的值之后，它仍然将该文本框视为空。
我已经阅读了有关angular的内容，现在理解了ng-脏和ng-pristine的概念，但通过编程将类更改为ng-脏仍然不起作用。
似乎即使我更改了类，它仍然没有更新“原始”状态，并且它仍然认为文本框是空的。
我读过有关"markAsDirty()“的文章，并尝试使用它，但得到的结果是"markAsDirty不是一个函数
浏览 0提问于2016-11-18得票数 1
从HTML添加SVG似乎会创建一个无响应的空间，在该空间中单击事件不会通过SVG和<object>元素传播。 在本例中，这是通过单击按钮中心进行演示的。单击操作似乎不会将事件传播到父元素按钮。但是，当单击按钮的边缘(远离SVG)时，将调用click事件。 var buttonEl = document.getElementById('button');
buttonEl.addEventListener('click', function() {
console.log('Clicked!')
}) <button i
浏览 39提问于2020-09-16得票数 1
回答已采纳
1回答
我试图使用ng-重复中的ng单击将数组元素保存到另一个变量中，但是当我单击该元素时，它不起作用。
这是我的守则：
<!DOCTYPE html>
<html ng-app="myApp">
<head>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.2/angular.min.js"></script>
<meta charset="utf-8">
<title>JS Bin</
浏览 1提问于2015-03-15得票数 0
回答已采纳
1回答
我有一个按钮可以显示一个弹出窗口，其中包含从服务器加载的数据：
<button ng-click="main.getFieldDescriptions()" data-placement="bottom"
data-toggle="popover" data-container="body"/>
这是我想作为popover内容显示的一个元素：
<div id="field-descriptions" class="hide" style="width:500
浏览 0提问于2020-02-24得票数 0
回答已采纳
1回答
我有一系列的项目重复故意，我只想隐藏这些项目中的一个对我的ng-重复。
如何仅隐藏单击中的一个重复项?
我可能遗漏了什么东西，但我很难找到它。
var app = angular.module('plunker', []);
app.controller('MainCtrl', function($scope) {
var users = [{name: 'toto', hide:false},{name: 'titi', hide:false},{name: 'tutu', hide:false},{
浏览 1提问于2017-11-12得票数 0
我有一个引导警报，如下所示
<div id="errorAlert" class="alert col-md-6 col-md-offset-3 fadeAlert" ng-if="itemExistsAlert">
<button type="button" class="close" data-dismiss="alert">×</button>
<p>{{alertMessage}}</p>
<
浏览 1提问于2017-05-06得票数 2
回答已采纳
我正在尝试使用Jasmine对AngularJS指令进行单元测试。该指令用于在postLink阶段使用D3js将SVG元素添加到模板中。这在实际应用中工作得很好。
在单元测试中，似乎从未执行D3代码。
这是仍在复制错误的代码的简化版本：
angular.module('app', []);
angular.module('app').directive('d3Test', function () {
return {
template: '<div id="map"></div>
浏览 2提问于2015-02-09得票数 5
回答已采纳
1回答
我有一个SVG国家地图，有不同的省份路径。是否可以在单击按钮时更改特定路径(特定省份)的颜色？每个省份在SVG文件中都有一个唯一的名称和ID。如果需要，我可以更改SVG文件。这一点是我不知道如何用Java以编程的方式来定位路径。
SVG如下所示：
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:mapsvg="http://mapsvg.com"
xmlns:dc="http://purl.org/dc/e
浏览 3提问于2019-07-28得票数 2
我正在尝试加载一个外部svg文件，然后在其之上编写额外的SVG元素。当我这样做时，我会得到以下错误
在“节点”上执行“appendChild”失败:仅允许文档上的一个元素
当我在铬里面检查的时候。
下面是HTML：
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/index.css">
<title>Hello World</title>
</head>
<
浏览 3提问于2016-12-23得票数 57
回答已采纳
2回答
使用有角度的用户界面。标记包括一个ng-scroll元素，我已经处理了从服务中检索到的数据。我希望在一个ng-repeat中创建一个项目行，这样就可以在ng-scroll中创建一个项目。这在原则上是可行的()，但是AngularJS说我在JSON编码中有问题，需要帮助我找出我做错了什么。
因此，清楚地说，下面的标记和JSON在柱塞中工作，但在应用程序中不起作用。柱塞和下面的JSON是从调试器响应体中提取的。
标记：
<div class="row" >
<div class="col-md-12" >
<div clas
浏览 2提问于2013-12-07得票数 2
回答已采纳
2回答
我试图添加一个鼠标单击事件侦听器来单击SVG元素的边界框上的事件(在本例中，类的所有元素都是“度量值”)。我认为应该起作用的是：
var vrvToolkit = new verovio.toolkit(); // www.verovio.org
jQuery.ajax({
url: "http://www.verovio.org/examples/downloads/Schubert_Lindenbaum.mei",
success: function (data) {
var svg = vrvToolkit.renderData
浏览 5提问于2015-08-06得票数 3
回答已采纳
1回答
我的测试代码中有两个元素。一个闭合路径元素和一个矩形元素。我使用svg.draggable.js库来拖动这两个元素。rect元素看起来拖动得很好，但当我单击并尝试拖动它时，path元素就消失了。有人能解释一下是怎么回事吗?我怎样才能让path元素变得可拖动？ < body >
<
div id = "curve" >
<
/div> <
div id = "drawing" > < /div> <
script id = "jscript" >
va
浏览 17提问于2019-02-11得票数 0
回答已采纳
我在处理多个嵌套的angularjs鼠标按钮指令时遇到了一些麻烦。我有一个像这样的模板：
<div class="project-wrap">
<div class="workspace-wrap">
<div id="workspace" class="workspace"
oncontextmenu="return false;"
ng-mousedown="project.checkBtnDow
浏览 3提问于2016-06-25得票数 0
回答已采纳
我有一个<svg>元素，它在<defs>标记下包含一些<image>元素，这些元素被一些<use>元素引用，如下所示： <svg xmlns="http://www.w3.org/2000/svg" ...>
<defs>
<image height="100%" id="test" width="100%" xlink:href="data:image/png;base64,..."/>
浏览 24提问于2019-06-07得票数 1
2回答
我正在尝试在D3组件中构建一个angular2图表。当我单击链接创建D3图表时，它会创建它的一个新实例。请注意创建多个SVG标记副本的HTML。有什么想法吗?为什么会发生这种情况?如何避免？
每次单击该链接创建D3图表时，它都应该清除/空现有实例并创建一个新的图表组件。
从父组件创建新实例的代码，
import { Component } from '@angular/core';
import { BubbleChart } from '../Charts/BubbleChart';
@Component({
template: `
<div
浏览 1提问于2016-08-18得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
