我有以下Angular Route配置

const appRoutes: Routes = [
    {
      path: '',
      component: DirectoryComponent
    },
    {
      path: 'manage/:type/:id',
      component: ManageComponent,
      outlet: 'manage',
      children: [
        {
          path: '',
          component: PreviewComponent,
          pathMatch: 'full'
        },
        {
          path: 'add/:elementType',
          component: EditComponent,
        }
      ]
    }
  ];

ManageComponent是一个沙箱组件PreviewComponent,EditComponent将在其中呈现.

用户用例重定向http://localhost:4200/#/(manage:manage/bar/12762)与预览组件匹配的用户.一切都还可以.

从PreviewComponent当上一个按钮,用户点击,我希望做一个相对导航的EditComponent有,当导航结束,http://localhost:4200/#/(manage:manage/bar/12762/add/foo)

我试过了

this.router.navigate([{outlets: {manage: ['add', 'foo']}}],{relativeTo: this.route});

和

this.router.navigate([{outlets: {manage: ['add', 'foo']}}]);

但每次,用户都被重定向到http://localhost:4200/#/add/foo.

我该怎么做这个导航？

我有Angular 5一个默认语言法语的应用程序.我必须添加需要更改全局布局的阿拉伯语(必须从右到左显示内容......).

我想知道是否有一种方法只使用一个组件并进行条件模板选择.例如 :

--my-compenent_ar.html
--my-compenent_fr.html
--my-component.ts

And in my @Component({
    moduleId: module.id,
    templateUrl: ==> condition here
    styleUrls: ['./sign-in.component.scss']
})
export class MyComponent

当前版本的Angular(5)本身不支持这种情况.

有什么好办法吗？

我想要做的是

--my-compenent_ar.html
--my-compenent_fr.html
--my-component.ts
--my-component.ar.ts

@Component({
    moduleId: module.id,
    templateUrl: './my-compenent_fr.html'
    styleUrls: ['./sign-in.component.scss']
})
export class MyComponent {
....
}

@Component({
    moduleId: module.id,
    templateUrl: './my-compenent_ar.html'
    styleUrls: ['./sign-in.component.scss']
})
export class MyComponentAR extends MyComponent {}

使用此配置,FR语言环境将导航到MyComponent并定位AR到MyComponentAR.

这很冗长.你有干净的方法吗？

我正在使用 Angular Universal 和 domino 在 Express 服务器上“伪造”DOM 服务器端。一切都工作正常，直到出现npm cache clean --force，然后出现 anpm install

我收到以下错误：

/path/to/app/src/gui/dist/server/server.js:2378\n */(s),2))[0],l=i[1]),this.engine.listen(this.namespaceId,a,s,l,function(e){var t=e._data||-1;o.factory.scheduleListenerCallback(t,n,e)})}return this.delegate.listen(e,t,n)},t}(h);var g=function(e){function t(t,n,r){return e.call(this,t.body,n,r)||this}return Object(r.c)(t,e),t=Object(r.b)([Object(i.Injectable)(),Object(r.e)(0,Object(i.Inject)(l.DOCUMENT)),Object(r.d)("design:paramtypes",[Object,s.AnimationDriver,s["\xc9\xb5AnimationStyleNormalizer"]])],t)}(s["\xc9\xb5AnimationEngine"]);function v(){return Object(s["\xc9\xb5supportsWebAnimations"])()?new s["\xc9\xb5WebAnimationsDriver"]:new s["\xc9\xb5CssKeyframesDriver"]}function y(){return new s["\xc9\xb5WebAnimationsStyleNormalizer"]}function b(e,t,n){return new f(e,t,n)}var w=new i.InjectionToken("AnimationModuleType"),_=[{provide:a.AnimationBuilder,useClass:u},{provide:s["\xc9\xb5AnimationStyleNormalizer"],useFactory:y},{provide:s["\xc9\xb5AnimationEngine"],useClass:g},{provide:i.RendererFactory2\n\nTypeError: Right-hand side of \'instanceof\' is not an object\n    at bt (/path/to/app/src/gui/dist/server/server.js:2378:180688)\n    at yt (/path/to/app/src/gui/dist/server/server.js:2378:180563)\n    at ir (/path/to/app/src/gui/dist/server/server.js:2378:203358)\n    at We.insertToken (/path/to/app/src/gui/dist/server/server.js:2378:179949)\n    at /path/to/app/src/gui/dist/server/server.js:2378:183251\n    at kt (/path/to/app/src/gui/dist/server/server.js:2378:183266)\n    at Xe (/path/to/app/src/gui/dist/server/server.js:2378:178211)\n    at Object.parse (/path/to/app/src/gui/dist/server/server.js:2378:177177)\n    at Object.t.createDocument (/path/to/app/src/gui/dist/server/server.js:2833:9750)\n    at Object.t.createWindow (/path/to/app/src/gui/dist/server/server.js:2833:10129)\n

错误发生在domino的HTMLParser.js中，第2177行，位于以下几行：

我正在使用MapStruct进行dto <-> entity映射。相同的映射器用于从dto 创建 和 更新实体。完成dto的id验证以了解是否必须创建一个新实体（id == null）还是应该从数据库中检索它（id！= null）。

我实际上正在使用MapperDecorator作为解决方法。范例：

映射器

@Mapper
@DecoratedWith(UserAccountDecorator.class)
public interface UserAccountMapper {

    UserAccountDto map(User user);

    User map(UserAccountDto dto);

    User map(UserAccountDto dto, @MappingTarget User user);
}

装饰器

public abstract class UserAccountDecorator implements UserAccountMapper {

    @Autowired
    @Qualifier("delegate")
    private UserAccountMapper delegate;

    @Autowired
    private UserRepository userRepository;

    @Override
    public User map(UserAccountDto dto) {
        if (dto == null) {
            return null;
        }

        User user = new User();
        if (dto.getId() != null) {
            user = …

我使用EclipseIDE 开发了一个使用的应用程序，Mapstruct我现在正在IntelliJ继续开发。

在 Eclipse 上一切正常，但由于使用了annotationProcessorPaths.

我的配置如下：

<plugin>
<groupId>org.apache.maven.plugins</groupId>
<artifactId>maven-compiler-plugin</artifactId>
<configuration>
    <annotationProcessorPaths>
        <path>
            <groupId>org.mapstruct</groupId>
            <artifactId>mapstruct-processor</artifactId>
            <version>${mapstruct.version}</version>
        </path>
    </annotationProcessorPaths>
    <source>${java.version}</source>
    <target>${java.version}</target>
    <compilerArgs>
        <compilerArg>
            -Amapstruct.defaultComponentModel=${mapstruct.defaultComponentModel}
        </compilerArg>
        <compilerArg>
            -Aorg.hibernate.jpamodelgen.JPAMetaModelEntityProcessor
        </compilerArg>
    </compilerArgs>
</configuration>

在 IntelliJ 上，当我启动 Maven 全新安装时，我得到了生成的源代码：

@Component

public class FieldMapperImpl implements FieldMapper {

    @Autowired

    private FieldMapperResolver fieldMapperResolver;

...
}

但是当我运行/调试我的 Spring Boot 应用程序时，我得到的生成源是：

public class FieldMapperImpl implements FieldMapper {

    private final FieldMapperResolver fieldMapperResolver = new FieldMapperResolver();
    ...
    }

我怎么解决这个问题 ？