element-ui 配合 angular

Element-UI 是一个基于 Vue.js 的 UI 组件库，如果要在 Angular 中使用 Element-UI，需要先安装 Vue.js，并且在 Angular 中集成 Vue.js。

具体步骤如下：

1. 安装 Vue.js

在 Angular 项目中安装 Vue.js，可以使用 npm 命令进行安装：

npm install vue --save

2. 安装 Element-UI

在 Angular 项目中安装 Element-UI，同样可以使用 npm 命令进行安装：

npm install element-ui --save

3. 集成 Vue.js

在 Angular 中集成 Vue.js，可以使用 ngx-build-plus 插件。在 Angular 项目中安装 ngx-build-plus：

npm install ngx-build-plus --save-dev

然后在 angular.json 文件中配置 ngx-build-plus：

"architect": {
  "build": {
    "builder": "ngx-build-plus:browser",
    "options": {
      "extraWebpackConfig": "./extra-webpack.config.js"
    },
    "configurations": {
      "production": {
        "extraWebpackConfig": "./extra-webpack.config.js"
      }
    }
  }
}

在 extra-webpack.config.js 文件中配置 Vue.js 的 loader：

const VueLoaderPlugin = require('vue-loader/lib/plugin')

module.exports = {
  module: {
    rules: [
      {
        test: /\.vue$/,
        loader: 'vue-loader'
      },
      {
        test: /\.js$/,
        loader: 'babel-loader'
      }
    ]
  },
  plugins: [
    new VueLoaderPlugin()
  ]
}

4. 在 Angular 中使用 Element-UI

在 Angular 中使用 Element-UI，需要先在组件中引入 Vue.js 和 Element-UI：

import Vue from 'vue'
import ElementUI from 'element-ui'

Vue.use(ElementUI)

然后在组件中使用 Element-UI 的组件：

<template>
  <el-button>Button</el-button>
</template>

<script>
export default {
  name: 'MyComponent'
}
</script>

这样就可以在 Angular 中使用 Element-UI 了。