在index.html中删除url，但如何在app.component.ts中使用它们

在index.html中删除url后，app.component.ts中如何使用它们取决于具体的使用场景和需求。通常来说，URL通常用于前端向后端发送请求或者在前端进行页面跳转。

如果你在index.html中删除了URL，那么在app.component.ts中可以通过以下几种方式使用它们：

直接硬编码URL：如果你知道需要使用的URL，并且这些URL不会变化，那么你可以直接在app.component.ts中硬编码这些URL。例如：

const apiUrl = 'https://api.example.com';
const loginUrl = 'https://login.example.com';

// 在代码中使用硬编码的URL
const getData = () => {
  // 发送请求到API
  fetch(apiUrl + '/data')
    .then(response => response.json())
    .then(data => console.log(data));
}

const redirectToLogin = () => {
  // 页面跳转到登录页面
  window.location.href = loginUrl;
}

从环境变量或配置文件中获取URL：如果你需要在部署时或者在不同环境中动态配置URL，你可以在项目中使用环境变量或者配置文件来存储URL，并在app.component.ts中引用它们。具体实现方法因所用的前端框架而异。例如，在Angular项目中使用环境变量：

在环境变量文件（environment.ts）中定义URL：

export const environment = {
  production: false,
  apiUrl: 'https://api.example.com',
  loginUrl: 'https://login.example.com'
};

在app.component.ts中引用环境变量中的URL：

import { environment } from '../environments/environment';

const apiUrl = environment.apiUrl;
const loginUrl = environment.loginUrl;

// 在代码中使用环境变量中的URL
const getData = () => {
  // 发送请求到API
  fetch(apiUrl + '/data')
    .then(response => response.json())
    .then(data => console.log(data));
}

const redirectToLogin = () => {
  // 页面跳转到登录页面
  window.location.href = loginUrl;
}

请注意，这只是一种示例，具体的实现方式可能因项目的不同而异。

总结来说，如果在index.html中删除了URL，你可以通过硬编码URL或者使用环境变量或配置文件来获取和使用URL。具体选择哪种方式取决于你的需求和项目的实际情况。