使用 angularJS 路由链接创建 php 元素答案

【问题标题】：create php element with angularJS route link使用 angularJS 路由链接创建 php 元素
【发布时间】：2021-04-09 10:38:46
【问题描述】：

我已经使用 php 创建了这个 html 元素：

 echo
     "<button 
      type ='button' class='login-btn login' 
      onclick = 'location.href='#!login';'> 
            Login
      </button>";

当我点击它时，我想使用 angularJS 重定向到登录页面。如果它是一个常规的 html 元素，它可以成功运行，但是由于我修改了 '' , " " 以使用 php 创建它，所以我的链接不起作用。

我收到错误：Uncaught SyntaxError: Unexpected end of input for location.href

这是我的 angularJS 文件以获得更详细的视图：

angModule.js

const app = angular.module("myApp" , ["ngRoute"]);

app.config(($routeProvider)=>{
  $routeProvider
    .when("/" , {templateUrl:"main.php"})
    .when("/login" , {templateUrl : "login.php"})
    .when("/register" , {templateUrl : "register.php"});
});

感谢您的帮助。

【问题讨论】：

标签： javascript php angularjs

【解决方案1】：

您需要更改onclick = 'location.href='#!login';'中的引号：

echo
     "<button 
      type ='button' class='login-btn login' 
      onclick = 'location.href=\"#!login\";'> 
            Login
      </button>";

（'#!login' 的第一个引用终止了'location.href= 的引用）

更多关于 PHP 字符串：https://www.php.net/manual/en/language.types.string.php

【讨论】：